@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--theme-secondary, #e2e8f0);background-color:var(--theme-primary, #0a0e1a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--theme-border-subtle, #1e2a3a);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--theme-secondary, #e2e8f0);border:2px solid var(--theme-surface, #111827);cursor:pointer}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--theme-border-subtle, #1e2a3a)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--theme-secondary, #e2e8f0);border:2px solid var(--theme-surface, #111827);cursor:pointer}.app-layout{display:grid;grid-template-columns:60px 1fr 0px;grid-template-rows:48px 1fr 28px;grid-template-areas:"topbar   topbar     topbar" "toolbar  canvas     formations" "status   status     status";height:100vh;width:100vw}.app-layout--panel-open{grid-template-columns:60px 1fr 240px}.app-layout--animation{grid-template-rows:48px 1fr auto auto 28px;grid-template-areas:"topbar   topbar         topbar" "toolbar  canvas         formations" "toolbar  kf-strip       formations" "toolbar  pb-controls    formations" "status   status         status"}.topbar{grid-area:topbar}.toolbar{grid-area:toolbar}.canvas-area{grid-area:canvas;background:var(--theme-background, #0d1117);overflow:hidden;display:flex;flex-direction:column}.formations{grid-area:formations;overflow:hidden}.statusbar{grid-area:status}.keyframe-strip{grid-area:kf-strip}.playback-controls{grid-area:pb-controls}