:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#181e2a;--fg:#fff;--muted:#a0a8b8;--panel:#1f2536;--panel-alt:#252b3a;--border:#ffffff1a;--lime:#d6de24;--lime-darker:#cccc23;--black:#181e2a;--accent:var(--lime);--accent-fg:var(--black);--accent-shadow:var(--black);--alt-bg:#0d1118;--alt-fg:var(--lime);--alt-shadow:var(--lime);--error:#ff5c5c;--success:#4ade80;--badge-lime-bg:#d6de241f;--badge-lime-fg:var(--lime);--badge-error-bg:#ff5c5c1f;--badge-neutral-bg:#ffffff14;--badge-neutral-fg:#ffffffb3}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f8f4;--fg:#181e2a;--muted:#5a6072;--panel:#fff;--panel-alt:#f2f2ee;--border:#181e2a1a;--lime:#cccc23;--lime-darker:#cccc23;--black:#181e2a;--accent:var(--lime-darker);--accent-fg:var(--black);--accent-shadow:var(--black);--alt-bg:var(--black);--alt-fg:#d6de24;--alt-shadow:#d6de24;--error:#b23f3f;--success:#2f8a5a;--badge-lime-bg:#cccc2324;--badge-lime-fg:#8a8a17;--badge-error-bg:#b23f3f1f;--badge-neutral-bg:#181e2a0f;--badge-neutral-fg:var(--muted)}:root{--font-heading:"Source Code Pro", ui-monospace, monospace;--font-body:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--elevation-1:0 1px 2px #0000003d;--elevation-2:0 4px 12px #00000047;--duration-base:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--topbar-height:56px;--footer-height:44px;--script-size:1;font-family:var(--font-body);line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--fg);margin:0;overflow:hidden}#app{height:100dvh;overflow:hidden}h1,h2{font-family:var(--font-heading);font-weight:600}button{font:inherit;cursor:pointer}.btn-main{background:var(--accent);color:var(--accent-fg);font-family:var(--font-heading);box-shadow:0 4px 0 var(--accent-shadow);transition:box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-main:active:not(:disabled){box-shadow:0 2px 0 var(--accent-shadow);transform:translateY(2px)}.btn-main:disabled{opacity:.45;cursor:not-allowed}.btn-alt{background:var(--alt-bg);color:var(--alt-fg);font-family:var(--font-heading);box-shadow:0 4px 0 var(--alt-shadow);transition:box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-alt:active:not(:disabled){box-shadow:0 2px 0 var(--alt-shadow);transform:translateY(2px)}.btn-alt:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--muted);transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);background:0 0;border:none;border-radius:999px;align-items:center;padding:.55rem 1rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--fg);background:var(--panel-alt)}.btn-compact{box-shadow:0 3px 0 var(--accent-shadow);padding:.45rem 1rem;font-size:.82rem}.btn-alt.btn-compact{box-shadow:0 3px 0 var(--alt-shadow)}.btn-ghost.btn-compact{box-shadow:none;padding:.4rem .8rem}.badge{font-family:var(--font-heading);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-lime{background:var(--badge-lime-bg);color:var(--badge-lime-fg)}.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg)}.badge-error{background:var(--badge-error-bg);color:var(--error)}.status{min-height:1.4rem;color:var(--muted);margin:0;font-size:.88rem}.status-error{color:var(--error)}.status-toast{left:50%;bottom:calc(var(--footer-height) + .75rem);background:var(--panel);border:1px solid var(--border);box-shadow:var(--elevation-2);white-space:nowrap;z-index:10;border-radius:999px;padding:.5rem 1.25rem;position:absolute;transform:translate(-50%)}.status-toast:empty{display:none}#load-screen{justify-content:center;align-items:center;height:100dvh;padding:1.5rem;display:flex;overflow:hidden}.load-inner{flex-direction:column;gap:1.25rem;width:100%;max-width:560px;display:flex}#load-screen h1{text-wrap:balance;margin:0;font-size:1.6rem}#load-screen h1 .lime{color:var(--lime)}.hint{color:var(--muted);margin:0}.dropzone{text-align:center;border:1.5px dashed var(--border);cursor:pointer;transition:border-color var(--duration-base) var(--ease-standard);border-radius:.625rem;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.dropzone:hover,.dropzone-drag-over{border-color:var(--lime)}.dropzone.dropzone-filled{background:var(--panel);text-align:left;border-style:solid;align-items:stretch}.dz-icon{background:var(--badge-lime-bg);width:44px;height:44px;color:var(--badge-lime-fg);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .6rem;font-size:1.2rem;display:flex}.dz-text{color:var(--muted);font-size:.95rem}.dz-text strong{color:var(--fg)}.dz-hint{color:var(--muted);opacity:.8;margin-top:.4rem;font-size:.7rem}.file-chip{background:var(--panel-alt);border-radius:.5rem;align-items:center;gap:.6rem;margin-bottom:.4rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.file-glyph{color:var(--lime)}.load-status-row{align-items:center;gap:.75rem;display:flex}#start-button{align-self:flex-start}.topbar{height:var(--topbar-height);background:var(--panel);box-shadow:var(--elevation-1);flex-shrink:0;align-items:center;gap:1.25rem;padding:0 1.25rem;display:flex}.topbar-module{align-items:center;gap:.6rem;min-width:0;display:flex}.topbar-title{font-family:var(--font-heading);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.topbar-progress{flex:1;min-width:60px}.progress-track{background:var(--panel-alt);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--lime);height:100%;transition:width var(--duration-base) var(--ease-standard);border-radius:999px}.topbar-recorder{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.rec-live{align-items:center;gap:.5rem;display:flex}.rec-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.rec-dot-live{background:var(--error);animation:1.2s ease-in-out infinite rec-pulse}.rec-dot-paused{background:var(--lime)}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.rec-dot-live{animation:none}}.rec-elapsed{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--fg);font-size:.88rem}.level-meter{background:var(--panel-alt);border-radius:999px;width:110px;height:8px;overflow:hidden}.level-fill{background:var(--lime);width:0%;height:100%;transition:width 80ms linear}#prompter-screen{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.beat-view{flex-direction:column;flex:1;align-items:center;gap:1rem;min-height:0;padding:1.25rem 6rem .75rem;display:flex}.beat-script{width:100%;max-width:1100px;min-height:0;font-size:calc(clamp(1.4rem, 2.8vw, 2.2rem) * var(--script-size));text-align:center;text-wrap:balance;flex:1 1 0;justify-content:center;align-items:center;margin:0;font-weight:500;line-height:1.35;display:flex;overflow-y:auto}.screenshot-wrap{flex:0 0 52%;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}#beat-image{object-fit:contain;border:1px solid var(--border);border-radius:.9rem;max-width:100%;max-height:100%}.edge-nav{background:var(--accent);width:56px;height:56px;color:var(--accent-fg);box-shadow:0 4px 0 var(--accent-shadow);z-index:5;transition:box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.9rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.edge-nav:active:not(:disabled){box-shadow:0 2px 0 var(--accent-shadow);transform:translateY(calc(2px - 50%))}.edge-nav:disabled{opacity:.25;cursor:not-allowed}.edge-nav-left{background:var(--alt-bg);color:var(--alt-fg);box-shadow:0 4px 0 var(--alt-shadow);left:1rem}.edge-nav-left:active:not(:disabled){box-shadow:0 2px 0 var(--alt-shadow)}.edge-nav-right{right:1rem}.screen-footer{height:var(--footer-height);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex}.screen-footer-center{justify-content:center}.key-hints{color:var(--muted);white-space:nowrap;font-size:.78rem}.key-hints kbd{font-family:var(--font-heading);background:var(--panel-alt);border:1px solid var(--border);border-radius:.3rem;padding:.1rem .4rem;font-size:.72rem}.footer-actions{align-items:center;gap:.25rem;display:flex}#annotate-screen{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.annotate-body{flex:1;gap:1.5rem;min-height:0;padding:1rem 1.5rem;display:flex}.annotate-image-col{flex-direction:column;flex:60%;gap:.75rem;min-width:0;display:flex}.annotate-toolbar{flex-shrink:0;align-items:center;gap:1rem;display:flex}.shape-type-toggle{flex-shrink:0;gap:.5rem;display:flex}.shape-type-toggle button{border:1px solid var(--border);background:var(--panel);color:var(--fg);font-family:var(--font-heading);transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);border-radius:999px;padding:.45rem 1rem;font-size:.82rem}.shape-type-toggle button.shape-type-active{background:var(--alt-bg);color:var(--alt-fg);border-color:var(--alt-bg)}.annotate-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.annotate-screenshot-wrap{max-width:100%;display:inline-block;position:relative}#annotate-image{max-width:100%;max-height:calc(100dvh - var(--topbar-height) - var(--footer-height) - 120px);border:1px solid var(--border);border-radius:.9rem;display:block}#annotate-svg{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.shape-outline{fill:color-mix(in srgb, var(--lime) 25%, transparent);stroke:var(--lime-darker);stroke-width:.004px;vector-effect:non-scaling-stroke}.shape-draft{fill:color-mix(in srgb, var(--lime) 40%, transparent);stroke:var(--lime-darker);stroke-width:.006px;stroke-dasharray:.01;vector-effect:non-scaling-stroke}.shape-arrow{fill:#d6de24;stroke:#0d1118b3;stroke-width:.0015px}.annotate-script-col{flex-direction:column;flex:40%;gap:.75rem;min-width:0;display:flex;overflow:hidden}.script-col-head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.col-hint{color:var(--muted);flex-shrink:0;margin:0;font-size:.8rem}.script-col-head .col-hint{flex-shrink:1}.script-editor{flex-direction:column;flex-shrink:0;gap:.6rem;display:flex}.script-editor textarea{resize:vertical;background:var(--panel);border:1px solid var(--border);width:100%;min-height:90px;color:var(--fg);font-family:var(--font-body);transition:border-color var(--duration-base) var(--ease-standard);border-radius:.625rem;outline:none;padding:.75rem .9rem;font-size:1rem;line-height:1.5}.script-editor textarea:focus{border-color:var(--lime)}.script-editor-actions{gap:.5rem;display:flex}.btn-danger{color:var(--error)}.btn-danger:hover{color:var(--error);background:var(--badge-error-bg)}.btn-danger.delete-armed{background:var(--error);color:#fff;font-weight:600}.annotate-footer{position:relative}#delete-beat-button{position:absolute;right:1.25rem}.annotate-script{-webkit-user-select:text;user-select:text;cursor:text;flex-shrink:0;max-height:45%;margin:0;font-size:1.15rem;line-height:1.5;overflow-y:auto}.annotate-script mark{background:color-mix(in srgb, var(--lime) 45%, transparent);color:var(--black);border-radius:.3rem;padding:0 .2rem}:root[data-theme=dark] .annotate-script mark{color:var(--fg)}.shapes-list-heading{font-size:.8rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex-shrink:0;margin:0;font-weight:600}.shapes-list{flex-direction:column;gap:.5rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.shapes-list-empty{color:var(--muted);font-size:.88rem}.shapes-list-item{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .8rem;font-size:.88rem;display:flex}.shapes-list-label{align-items:center;gap:.5rem;min-width:0;display:flex}.shapes-list-label>:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shapes-list-remove{border:1px solid var(--error);color:var(--error);background:0 0;border-radius:999px;flex-shrink:0;padding:.3rem .7rem;font-size:.78rem}