:root{--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--dur-fast:.12s;--dur:.16s;--dur-slow:.2s;--ease:cubic-bezier(.2, .7, .2, 1);--control-h:30px;--lane-h:28px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}body{font:var(--weight-regular) var(--text-md)/1.35 var(--font-sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{justify-content:center;align-items:center;gap:var(--s-2);height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);cursor:pointer;font-weight:var(--weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn[hidden]{display:none}.btn.running{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.btn.running:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:var(--weight-medium)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{color:var(--text);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}.btn.ghost:disabled{color:var(--text-dim);opacity:1}.btn.outline{background:0 0}.btn .icon{margin-left:-2px}.btn .icon.trail{opacity:.8;width:13px;height:13px;margin:0 -2px 0 -4px}.icon{flex:none;width:16px;height:16px;display:block}.link-act{align-items:center;gap:var(--s-1);cursor:pointer;color:var(--accent-ink);font-weight:var(--weight-medium);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.link-act .icon{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease)}.link-act:hover{text-underline-offset:3px;text-decoration:underline}.link-act:hover .icon{transform:translate(2px)}.link-act[hidden]{display:none}.is-selected,.menu button.on,.block.open,.chip[aria-expanded=true]{color:var(--accent-ink);background:var(--sel-bg);border-color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent-ink) inset, 0 0 10px var(--sel-glow)}.badge{border:1px solid var(--border-strong);border-radius:var(--radius-sm);height:18px;font:var(--weight-medium) 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;align-items:center;padding:0 6px;display:inline-flex}.badge.tag{color:var(--accent-ink);background:var(--sel-bg);border-color:color-mix(in srgb, var(--accent-ink) 35%, transparent)}.unit-field{align-items:center;display:inline-flex;position:relative}.unit-field>i{font-style:normal;font-size:var(--text-xs);color:var(--text-dim);pointer-events:none;position:absolute;right:7px}.unit-field>input{padding-right:18px!important}.play-btn{border-radius:var(--radius-pill);cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);background:#00000080;border:0;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 0 0 1px #fff3}.play-btn:hover{background:#000000b3;transform:scale(1.06)}.play-btn:active{transform:scale(.95)}.play-btn svg{fill:currentColor;width:14px;height:14px}.play-btn .g-play{transform:translate(1px)}.play-btn .g-pause,.play-btn.playing .g-play{display:none}.play-btn.playing .g-pause{display:block}.play-btn.quiet{color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-strong);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.play-btn.quiet:hover{background:var(--surface-hover);color:var(--text);transform:none}.play-btn.quiet.playing{color:var(--text)}.seg{border:1px solid var(--border);border-radius:var(--radius-md);background:0 0;gap:2px;padding:2px;display:inline-flex;position:relative}.seg button{height:calc(var(--control-h) - 6px);padding:0 var(--s-3);border-radius:calc(var(--radius-md) - 2px);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0}.seg button:hover{background:var(--surface-hover)}.seg button{z-index:1;position:relative}.seg button.on{color:var(--accent-ink);font-weight:var(--weight-medium)}.seg.has-pill button.on,.seg.has-pill button.on:hover{background:0 0}.seg:not(.has-pill) button.on{background:var(--seg-on)}.seg-pill{z-index:0;width:var(--pill-w,0);transform:translateX(var(--pill-x,0));border-radius:calc(var(--radius-md) - 2px);background:var(--seg-on);opacity:0;pointer-events:none;position:absolute;top:2px;bottom:2px;left:0}.seg.has-pill>.seg-pill{opacity:1}.seg.pill-ready>.seg-pill{transition:transform .18s var(--ease), width .18s var(--ease), opacity var(--dur-fast) var(--ease)}.seg-fill>.seg-pill{background:var(--accent)}.seg-fill button.on{color:var(--on-accent)}.seg-fill:not(.has-pill) button.on{background:var(--accent)}@media (prefers-reduced-motion:reduce){.seg.pill-ready>.seg-pill{transition:none}}.seg button:active{transform:translateY(1px)}.seg button:focus-visible{outline-offset:-2px}.seg.off{opacity:.45;pointer-events:none}.slider{align-items:center;gap:var(--s-2);color:var(--text-muted);font-size:var(--text-sm);display:inline-flex}.slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:120px;height:18px}.slider input[type=range]::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:4px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb);border:2px solid var(--surface);width:14px;height:14px;box-shadow:0 0 0 1px var(--border-strong);transition:transform var(--dur-fast) var(--ease);border-radius:50%;margin-top:-5px}.slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.slider input[type=range]:disabled{cursor:default}.slider output{min-width:34px;color:var(--text);font-family:var(--font-mono);font-size:var(--text-xs)}.slider.off{opacity:.45}.fader{--thumb-w:14px;flex:220px;min-width:200px;position:relative}.fader input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;display:block}.fader input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill,0%), var(--track) var(--fill,0%));border-radius:2px;height:4px}.fader input[type=range]::-moz-range-track{background:var(--track);border-radius:2px;height:4px}.fader input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-w);height:var(--thumb-w);background:var(--thumb);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border-strong);transition:transform var(--dur-fast) var(--ease);border-radius:50%;margin-top:-5px}.fader input[type=range]::-moz-range-thumb{background:var(--thumb);border:2px solid var(--surface);width:10px;height:10px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%}.fader input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.fader input[type=range]:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.fader-scale,.fader-marks{margin:0 calc(var(--thumb-w) / 2);position:relative}.fader-scale{height:9px}.fader-scale i{background:var(--border-strong);width:1px;height:4px;position:absolute;top:0;transform:translate(-50%)}.fader-scale i.major{background:var(--text-muted);height:9px}.fader-reach{top:-2px;bottom:0;left:var(--reach,100%);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--text-dim) 30%, transparent) 0 2px, transparent 2px 5px);border-radius:2px;position:absolute;right:0}.fader-marks{height:15px}.fader-marks button{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dim);font:var(--text-xs)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0 3px;position:absolute;top:1px;transform:translate(-50%)}.fader-marks button:hover{color:var(--text)}.fader-marks button.on{color:var(--accent-ink)}.fader-marks button.out{opacity:.45}.fader.over input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--reach), var(--warn) var(--reach) var(--fill,0%), var(--track) var(--fill,0%))}.fader-out{text-align:right;min-width:36px;color:var(--text);font:var(--text-xs) var(--font-mono);font-variant-numeric:tabular-nums}.fader-out.over{color:var(--warn)}.toggle{align-items:center;gap:var(--s-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);font-size:var(--text-sm);display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .knob{border-radius:var(--radius-pill);background:var(--track);width:38px;height:20px;transition:background var(--dur) var(--ease);flex:none;position:relative}.toggle .knob:after{content:"";background:var(--thumb);width:14px;height:14px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.toggle .knob:before{content:"ON";font:700 8px/1 var(--font-sans);letter-spacing:.04em;color:var(--on-accent);opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;top:50%;left:6px;transform:translateY(-50%)}.toggle input:checked+.knob{background:var(--accent)}.toggle input:checked+.knob:before{opacity:1}.toggle input:checked+.knob:after{background:var(--on-accent);transform:translate(18px)}.toggle input:focus-visible+.knob{outline:2px solid var(--ring);outline-offset:2px}.toggle:hover{color:var(--text)}.menu{z-index:40;min-width:180px;padding:var(--s-1);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:menu-in var(--dur) var(--ease);max-height:calc(100vh - 16px);position:fixed;overflow:auto}.menu[hidden]{display:none}.menu button{align-items:center;gap:var(--s-2);width:100%;height:28px;padding:0 var(--s-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;color:var(--text);background:0 0;border:0;display:flex}.menu button:hover,.menu button:focus-visible{background:var(--surface-hover);outline:none}.menu button.on{border:0}.menu button:disabled{opacity:.45;cursor:default}.menu hr{border:0;border-top:1px solid var(--border);margin:var(--s-1) 0}.menu .menu-field{padding:var(--s-1) var(--s-2);font-size:var(--text-xs);color:var(--text-muted);gap:4px;display:grid}.menu .menu-field input{width:300px;height:var(--control-h);padding:0 var(--s-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-sunk);color:var(--text);font:var(--text-sm) var(--font-sans)}.menu .menu-field input:focus-visible{outline:2px solid var(--ring);outline-offset:0}.menu .menu-error{margin:0 var(--s-2) var(--s-1);max-width:300px;font-size:var(--text-xs);color:var(--danger);white-space:normal}.menu .menu-error[hidden]{display:none}.menu .menu-note{margin:0 var(--s-2) var(--s-1);max-width:300px;font-size:var(--text-xs);color:var(--text-muted);white-space:normal;line-height:1.4}.menu .menu-title{padding:var(--s-1) var(--s-2);font-size:var(--text-xs);color:var(--text-muted)}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.lane{height:var(--lane-h);background:var(--surface-sunk);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.block{padding:0 var(--s-2);border-radius:calc(var(--radius-sm) - 1px);background:var(--block-bg);border:1px solid var(--block-border);color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;display:flex;position:absolute;top:2px;bottom:2px;overflow:hidden}.block:hover{background:var(--block-hover)}.block:focus-visible{outline:2px solid var(--ring);outline-offset:0}.block.open i{background:var(--accent-ink)}.block span{text-overflow:ellipsis;min-width:0;overflow:hidden}.block i{background:var(--block-mark,var(--text-muted));border-radius:2px;flex:none;width:6px;height:6px;margin-right:6px}.block .edge{cursor:ew-resize;z-index:2;width:10px;height:100%;position:absolute;top:0;right:-5px}.block .edge:after{content:"";background:var(--border-strong);opacity:0;width:2px;transition:opacity var(--dur-fast);border-radius:1px;position:absolute;top:5px;bottom:5px;left:4px}.block:hover .edge:after,.block .edge.dragging:after{opacity:1}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);z-index:50;border-radius:var(--radius-sm);background:var(--tooltip-bg);color:var(--tooltip-text);font-size:var(--text-xs);font-weight:var(--weight-regular);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-sm);animation:menu-in var(--dur-fast) var(--ease) both;padding:4px 8px;animation-delay:.35s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tip].tip-below:hover:after{top:calc(100% + 6px);bottom:auto}[data-tip].tip-start:hover:after,[data-tip].tip-start:focus-visible:after{left:0;transform:none}[data-tip].tip-end:hover:after,[data-tip].tip-end:focus-visible:after{left:auto;right:0;transform:none}.dialog{z-index:60;background:var(--scrim);animation:menu-in var(--dur) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.dialog[hidden]{display:none}.dialog .panel{width:min(720px,92vw);padding:var(--s-4);gap:var(--s-3);box-shadow:var(--shadow-lg);display:grid}.dialog textarea{resize:vertical;width:100%;height:240px;padding:var(--s-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-sunk);font:var(--text-xs)/1.45 var(--font-mono)}.dialog .row{gap:var(--s-2);justify-content:flex-end;align-items:center;display:flex}.dialog .err{color:var(--danger);font-size:var(--text-sm);margin:0 auto 0 0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--radius-pill:999px;--shadow-xs:0 1px 1px #00000040;--shadow-sm:0 1px 3px #0000004d;--shadow-lg:0 10px 30px #00000073;--bg:#121316;--surface:#18191c;--surface-2:#202227;--surface-sunk:#15161a;--surface-hover:#2a2d33;--seg-on:#34373f;--popover:#1d1f23;--border:#2a2d33;--border-strong:#464a52;--text:#e9eaec;--text-muted:#a3a8b1;--text-dim:#6f747c;--accent:#ffd34d;--accent-hover:#ffdd70;--accent-ink:#ffd34d;--on-accent:#17181b;--ring:#ffd34d;--sel-bg:#272622;--sel-glow:#ffd34d2e;--map-select:#ffd34d;--track:#353840;--thumb:#e9eaec;--rail:#3a3e45;--rail-fill:#8c7426;--rail-dot:#e9eaec;--block-bg:#23262c;--block-border:#30343b;--block-hover:#2b2f36;--tooltip-bg:#e9eaec;--tooltip-text:#17181b;--scrim:#08090b99;--danger:#ff7a8a;--warn:#ffd34d;--subject:#ff8a3d;--camera:#6cc4ff;--kick:#ff5d73;--snare:#a594ff;--hat:#5fd4c4;--station:#ff5d73;--map-subject:#ff8a3d;--map-camera:#6cc4ff;--map-station:#ff5d73;--map-bg:#16181b;--map-minor:#202328;--map-major:#2b2f35;--map-axis:#3a3e45;--map-text:#6f747c;--wave:#4b5059;--wave-bg:#1a1c20;--beat-line:#24272c;--bar-line:#30343b;--playhead:#e9eaec;--played:#e9eaec0f}@supports (color:lab(0% 0 0)){:root{--sel-bg:lab(15.0135% .0357032 2.59697)}}:root[data-theme=runware]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Figtree", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:15px;--control-h:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-xs:0 1px 1px #0000004d;--shadow-sm:0 1px 3px #00000059;--shadow-lg:0 12px 32px #00000080;--bg:#1a1a1a;--surface:#1f1f1f;--surface-2:#262626;--surface-sunk:#262626;--surface-hover:#2e2e2e;--seg-on:#333;--popover:#1f1f1f;--border:#333;--border-strong:#4a4a4a;--text:#f2f2f2;--text-muted:#b8b8b8;--text-dim:#8f8f8f;--accent:#afff9f;--accent-hover:#c4ffb8;--accent-ink:#afff9f;--on-accent:#141414;--ring:#afff9f;--sel-bg:#292e28;--sel-glow:#afff9f33;--map-select:#2f6b23;--track:#4a4a4a;--thumb:#f2f2f2;--rail:#454545;--rail-fill:#4f8a44;--rail-dot:#f2f2f2;--block-bg:#262626;--block-border:#333;--block-hover:#2e2e2e;--tooltip-bg:#f2f2f2;--tooltip-text:#1c1c1c;--scrim:#0009;--danger:#ffa8a8;--warn:#ffff7d;--subject:#ffa378;--camera:#71c9fa;--kick:#ff888a;--snare:#be9df7;--hat:#69d3c6;--station:#ff888a;--map-subject:#b64e10;--map-camera:#0068a5;--map-station:#b23641;--map-bg:#dcdde0;--map-minor:#cfd0d4;--map-major:#b9bbc0;--map-axis:#8a8d93;--map-text:#4f5257;--wave:#6b6b6b;--wave-bg:#1c1c1c;--beat-line:#292929;--bar-line:#454545;--playhead:#f2f2f2;--played:#f2f2f20f}@supports (color:lab(0% 0 0)){:root[data-theme=runware]{--sel-bg:lab(18.2794% -3.11756 2.89227);--danger:lab(77.8872% 38.2748 16.7272);--subject:lab(75.963% 33.8766 38.8944);--camera:lab(76.9352% -17.1801 -33.0073);--kick:lab(70.6045% 47.9325 21.3351);--snare:lab(70.4303% 25.9064 -40.8218);--hat:lab(78.003% -34.3305 -3.54704);--station:lab(70.6045% 47.9325 21.3351);--map-subject:lab(46.7122% 40.9626 52.6576);--map-camera:lab(41.5387% -7.39598 -42.1181);--map-station:lab(42.6275% 51.2958 24.0558)}}:root[data-theme=runware] .map-pane .map-empty{color:#3f4246;background:#e9eaec;border-color:#75787e}:root{--top:52px;--dock:136px;--compose:calc(3 * var(--control-h) + 3 * var(--s-2) + var(--status-h));--status-h:16px;--gap:var(--s-4);--pad:var(--s-5)}html,body{height:auto;overflow:visible}.editor{grid-template-rows:var(--top) minmax(0, 1fr) var(--dock);height:100vh;display:grid}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.top{align-items:center;gap:var(--s-4);padding:0 var(--pad);border-bottom:1px solid var(--border);display:flex}.brand{align-items:center;gap:var(--s-2);display:flex}.mark{flex:none;width:22px;height:22px;display:block}h1{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:.01em;margin:0}.tag{margin:0}.top-right{align-items:center;gap:var(--s-1);margin-left:auto;display:flex}.top-right a{text-decoration:none}.sections{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}.sections a{color:var(--text-muted);border-radius:var(--radius-sm);padding:2px 4px;text-decoration:none}.sections a:hover,.sections a:focus-visible{color:var(--text)}.key-slot{margin-left:var(--s-1)}.balance{font:inherit;font-weight:var(--weight-medium);color:var(--text-muted);white-space:nowrap;padding:0 var(--s-2)}.balance-amount{color:var(--accent);font-variant-numeric:tabular-nums}.balance[hidden]{display:none}@media (max-width:1400px){.tag{display:none}}.page-section{max-width:1240px;padding:56px var(--pad) 24px;margin:0 auto;scroll-margin-top:0}.page-section h2{margin:0 0 var(--s-2);font-size:20px;font-weight:var(--weight-semibold);color:var(--text);text-transform:none;letter-spacing:0}.page-section>p{margin:0 0 var(--s-4)}.placeholder{gap:var(--s-4);min-height:220px;padding:var(--s-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);align-items:center;display:flex}.placeholder p{max-width:560px;color:var(--text-muted);margin:0}.placeholder strong{color:var(--text);font-weight:var(--weight-semibold)}.placeholder-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--text-dim) 0 50%, var(--surface-2) 50%);opacity:.8;flex:none;width:44px;height:44px}.site-foot{max-width:1240px;padding:32px var(--pad) 40px;font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;margin:0 auto;display:flex}.field{height:var(--control-h);min-width:0;padding:0 var(--s-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunk);color:var(--text);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease);flex:1}.field:hover{border-color:var(--border-strong)}.field:focus-visible{outline:2px solid var(--ring);outline-offset:0}.field::placeholder{color:var(--text-dim)}.legend-line{min-width:0;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;cursor:help;flex:1;margin:0;overflow:hidden}.stage{--map-min:500px;grid-template-columns:minmax(var(--map-min), 1fr) auto;gap:var(--gap);padding:var(--gap) var(--pad) 0;min-height:0;display:grid}.map-pane{background:var(--map-bg);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;position:relative;overflow:hidden}.map-bar{align-items:center;gap:var(--s-2);padding:var(--s-2);background:var(--surface);flex-wrap:wrap;display:flex}.map-bar.map-tools{border-bottom:1px solid var(--border)}.map-bar.map-tools .seg button{padding:0 10px}.map-foot{border-top:1px solid var(--border);flex-wrap:nowrap;height:48px}.map-canvas{min-height:0;position:relative}#map{touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}#map:focus-visible{outline-offset:-2px}#map.over-point{cursor:grab}#map.dragging{cursor:grabbing}.map-tools.end{align-items:center;gap:var(--s-2);flex:none;margin-left:auto;display:flex}.map-hint{min-width:0;font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 1 0;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.map-empty{width:-moz-fit-content;width:fit-content;max-width:70%;height:-moz-fit-content;height:fit-content;padding:var(--s-3) var(--s-4);text-align:center;pointer-events:none;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);margin:auto;position:absolute;inset:0}.map-empty[hidden]{display:none}.side{--screen-h:calc(100vh - var(--top) - var(--dock) - var(--compose) - 2 * var(--gap));--single-w:min(66vw, calc(var(--screen-h) * 16 / 9), calc(100vw - 2 * var(--pad) - var(--gap) - var(--map-min)));align-content:start;gap:var(--gap);min-height:0;width:var(--single-w);grid-template-rows:auto auto;display:grid}.stage:has(.screens.split) .side{width:min(70vw, calc(var(--screen-h) * 16 / 9 * 2 + 12px), calc(100vw - 2 * var(--pad) - var(--gap) - var(--map-min)))}.screens{--split:.5;min-height:0;height:calc(var(--single-w) * 9 / 16 + 2px);border-radius:var(--radius-lg);border:1px solid var(--border);background:#000;display:flex;position:relative;overflow:hidden}.screens .screen{place-items:center;min-width:0;display:grid;position:relative;container-type:size}.screens:not(.split) #screenPreview{flex:1}.screens.split #screenPreview{flex:0 0 calc(var(--split) * (100% - 12px))}.screens.split #screenOutput{flex:1}.screens.swapped{flex-direction:row-reverse}.divider{cursor:col-resize;background:var(--bg);flex:0 0 12px;position:relative}.divider:after{content:"";background:var(--border-strong);width:2px;transition:background var(--dur-fast) var(--ease);border-radius:1px;position:absolute;top:20%;bottom:20%;left:5px}.divider:hover:after,.divider:focus-visible:after{background:var(--text)}.divider[hidden],.screen[hidden]{display:none}.output-frame{aspect-ratio:16/9;place-content:center;justify-items:center;gap:var(--s-2);background:var(--surface-sunk);width:min(100cqw,177.778cqh);display:grid;position:relative;overflow:hidden}.output-video{object-fit:cover;width:100%;height:100%;display:block}.output-loading{font-size:var(--text-sm);pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0}.output-video.fake{filter:saturate(1.6)hue-rotate(160deg)contrast(1.1)}.progress{background:var(--track);border-radius:2px;width:60%;height:4px;overflow:hidden}.progress span{background:var(--rail-fill);width:0;height:100%;transition:width var(--dur) var(--ease);display:block}.progress[hidden]{display:none}.screen-actions{top:var(--s-2);right:var(--s-2);z-index:3;gap:var(--s-1);display:flex;position:absolute}.btn.overlay{height:26px;padding:0 var(--s-2);color:#f2f2f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--text-sm);background:#0000008c;border:0;box-shadow:0 0 0 1px #ffffff29}.btn.overlay:hover:not(:disabled){background:#000000b8;border:0}.btn.overlay[hidden]{display:none}.btn.overlay .icon{width:14px;height:14px}.compose{gap:var(--s-2);align-content:start;display:grid}.compose .row{gap:var(--s-2)}.drop{align-items:center;gap:var(--s-2);height:var(--control-h);padding:0 var(--s-2) 0 var(--s-1);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);display:inline-flex;position:relative}.drop:hover{border-color:var(--text-muted);color:var(--text)}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop:focus-within{outline:2px solid var(--ring);outline-offset:2px}.drop-thumb{border-radius:var(--radius-sm);background:var(--surface-2) center / cover no-repeat;width:22px;height:22px;color:var(--text-dim);place-items:center;display:grid}.drop-thumb .icon{width:14px;height:14px}.drop-thumb.set .icon{display:none}.drop-thumb.set{cursor:grab;z-index:2;position:relative}.drop-clear{z-index:2;border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;place-items:center;margin-right:-4px;padding:0;display:grid;position:relative}.drop-clear:hover{background:var(--surface-hover);color:var(--text)}.drop-clear .icon{width:12px;height:12px}.drop-clear[hidden]{display:none}body.ref-dragging .drop{border-color:var(--accent-ink);color:var(--text)}.drop.target{border-style:solid;border-color:var(--accent-ink);background:var(--sel-bg);color:var(--accent-ink)}.ref-host{position:relative}.ref-use{z-index:5;border-radius:var(--radius-sm);color:#f2f2f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;width:26px;height:26px;transition:opacity var(--dur-fast) var(--ease);background:#0000008c;border:0;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #ffffff29}.ref-use .icon{width:15px;height:15px}.ref-host:hover>.ref-use,.ref-use:focus-visible,.ref-use[aria-expanded=true]{opacity:1}.ref-use:hover{background:#000000bf}.ref-use[hidden]{display:none}.drop-thumb.set{box-shadow:0 0 0 1px var(--border-strong)}.run-btn{flex:none}.run-btn .i-stop,.run-btn.running .i-run{display:none}.run-btn.running .i-stop{display:block}.options{margin-left:auto;position:relative}.options summary{list-style:none}.options summary::-webkit-details-marker{display:none}.options summary .chev{transition:transform var(--dur) var(--ease)}.options[open] summary .chev{transform:rotate(180deg)}.options-body{z-index:30;gap:var(--s-2);min-width:min(440px,100vw - 32px);padding:var(--s-3);box-shadow:var(--shadow-lg);background:var(--popover);display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.opt-row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.opt-row .lab{width:76px}.clip-row .fader{margin-top:4px}.opt-note{margin:0 0 0 calc(76px + var(--s-2));color:var(--warn);font-size:var(--text-xs)}.pick{align-items:center;gap:var(--s-2);color:var(--text-muted);font-size:var(--text-sm);display:inline-flex}select{height:var(--control-h);padding:0 var(--s-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text)}select:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.key-placeholder{gap:8px}.key-dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px;display:none}.top .seg[data-control=example]{margin-left:var(--s-3)}.gallery-grid{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gallery-card{gap:var(--s-2);padding:var(--s-3);align-content:start;display:grid}.gallery-card h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.gallery-media{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--surface-sunk);border:1px solid var(--border);text-align:center;padding:var(--s-2);place-items:center;display:grid;overflow:hidden}.gallery-media video{object-fit:cover;width:100%;height:100%}.gallery-card dl{font-size:var(--text-xs);grid-template-columns:90px 1fr;gap:2px 8px;margin:0;display:grid}.gallery-card dt{color:var(--text-muted)}.gallery-card dd{margin:0}.oss-panel{font-size:var(--text-sm);color:var(--text-muted)}.oss-panel a{color:var(--text);text-underline-offset:2px}.oss-panel strong{color:var(--text)}.preview{aspect-ratio:16/9;cursor:pointer;background:#000;width:min(100cqw,177.778cqh);position:relative;overflow:hidden}.preview canvas{width:100%;height:100%;display:block}.hud{left:var(--s-2);top:var(--s-2);align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);color:#d9d9d9;font-size:var(--text-xs);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;position:absolute}.pulse{opacity:.15;background:#ff5d73;border-radius:50%;width:8px;height:8px}.vbar{z-index:4;align-items:center;gap:var(--s-3);padding:var(--s-6) var(--s-3) var(--s-2);transition:opacity var(--dur) var(--ease);background:linear-gradient(#0000,#0000009e);display:flex;position:absolute;bottom:0;left:0;right:0}.screens.playing:not(:hover):not(:focus-within) .vbar{opacity:0}.vbar #transportTime{font-size:var(--text-sm);color:#d9d9d9;text-align:right;flex:none;min-width:15.5em}.vbar .scrub{--rail:#ffffff47}.controls{align-items:center;gap:var(--s-2) var(--s-3);grid-template-columns:84px minmax(0,1fr);align-content:start;display:grid}.lab{font:var(--weight-medium) 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.row{align-items:center;gap:var(--s-3);min-width:0;display:flex}.push-right{margin-left:auto}.prompt{gap:var(--s-2)}.prompt-text{min-width:0;padding:6px var(--s-2);border-radius:var(--radius-sm);background:var(--surface-sunk);border:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;flex:1;margin:0;overflow:hidden}.dock{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--pad);grid-template-columns:auto auto minmax(0,1fr) minmax(200px,232px);display:grid}.audio-src{gap:var(--s-2);display:grid}.file{position:relative;overflow:hidden}.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.timeline{grid-template-columns:112px minmax(0,1fr);grid-template-rows:44px var(--lane-h) var(--lane-h);gap:var(--s-1) var(--s-2);align-items:center;min-width:0;display:grid}.lane-lab{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.wave-wrap{border-radius:var(--radius-sm);background:var(--wave-bg);border:1px solid var(--border);height:100%;transition:border-color var(--dur) var(--ease);overflow:hidden}.wave-wrap.drop{border-color:var(--text-muted)}#wave{cursor:pointer;width:100%;height:100%;display:block}.block.w-glide{--block-mark:var(--subject)}.block.w-spin,.block.w-jump,.block.w-hop{--block-mark:var(--kick)}.block.w-behind,.block.w-side,.block.w-orbit,.block.w-top,.block.w-path,.block.w-push{--block-mark:var(--camera)}.block.moving{z-index:3;cursor:grabbing;border-color:var(--border-strong);background:var(--block-hover);box-shadow:var(--shadow-lg)}.block.moving .edge{display:none}.lane-slot{border:1px dashed var(--border-strong);border-radius:calc(var(--radius-sm) - 1px);pointer-events:none;position:absolute;top:2px;bottom:2px}.audio-info{gap:var(--s-1);font-size:var(--text-sm);min-width:0;display:grid}.audio-info p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.audio-info .track-row{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.audio-info .track-acts{gap:var(--s-2);display:flex}.audio-info .track-acts .btn{height:26px;padding:0 var(--s-2);font-size:var(--text-xs)}.legend i{width:2px;height:10px;margin:0 var(--s-1) 0 0;vertical-align:-1px;border-radius:1px;display:inline-block}.legend i.k{background:var(--kick)}.legend i.s{background:var(--snare)}.legend i.h{background:var(--hat)}.legend{gap:var(--s-1);display:flex}.legend .kind{border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:2px;padding:1px 4px;display:inline-flex}.legend .kind b{font:var(--text-xs) var(--font-mono);color:var(--text);font-weight:400}.legend .kind:hover{background:var(--surface-hover)}.legend .kind.on{border-color:var(--accent-ink);color:var(--accent-ink)}.overview-lab,.overview-wrap{display:none}.editor.with-overview{--dock:168px}.editor.with-overview .timeline{grid-template-rows:26px 44px var(--lane-h) var(--lane-h)}.editor.with-overview .overview-lab,.editor.with-overview .overview-wrap{display:block}.overview-lab .field.num{text-align:right;width:100%;height:26px;font-family:var(--font-mono);font-size:var(--text-xs)}.overview-wrap{border-radius:var(--radius-sm);border:1px solid var(--border);height:100%;overflow:hidden}#overview{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#overview.dragging{cursor:grabbing}#overview:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.transport{justify-items:center;gap:var(--s-1);display:grid}.sound{height:24px;padding:0 var(--s-2);font-size:var(--text-xs)}.sound[aria-pressed=false]{color:var(--danger)}.track-row{gap:var(--s-2);align-items:baseline;display:flex}.audio-info .link-act{font-size:var(--text-xs);justify-self:start}.compose .status{height:var(--status-h);font-size:var(--text-xs);line-height:var(--status-h);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.compose .status:not(:empty):before{content:"";background:var(--rail-fill);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.chip{height:var(--lane-h);padding:0 var(--s-2);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:flex-end;line-height:1.05;display:flex}.chip:hover{background:var(--surface-hover);color:var(--text)}.chip-name{font-size:var(--text-xs);color:var(--text-muted)}.chip:focus-visible{outline-offset:0}.chip-lock{font:var(--text-xs) var(--font-mono);color:var(--text)}.chip-lock.off{color:var(--text-muted)}#map.pen{cursor:crosshair}.swatches{gap:var(--s-1);display:inline-flex}.swatches input{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:26px;height:26px;padding:0}.swatches input::-webkit-color-swatch-wrapper{padding:2px}.swatches input::-webkit-color-swatch{border:0;border-radius:3px}.key-slot{position:relative}.key-pop{z-index:45;width:360px;padding:var(--s-2);box-shadow:var(--shadow-lg);background:var(--popover);position:absolute;top:calc(100% + 8px);right:0}.key-pop[hidden]{display:none}.key-placeholder.connected .key-dot{background:var(--rail-fill);box-shadow:0 0 0 3px color-mix(in srgb, var(--rail-fill) 35%, transparent);display:block}.map-zoom{background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.map-zoom .btn{min-width:28px;height:26px;padding:0 8px}#map.panning{cursor:grab}.field.num{flex:none;width:64px}.follow-row{align-items:center;gap:var(--s-2);display:flex}.follow-row[hidden],.follow-row .seg[hidden]{display:none}.follow-row .field.num{width:62px;padding:0 var(--s-1) 0 var(--s-2)}.follow-row .pick{gap:var(--s-1)}.map-foot:has(#followRow:not([hidden])) .map-hint{display:none}.pick[hidden],.slider[hidden]{display:none}.page-section{max-width:none}.gallery-rows{gap:var(--s-4);display:grid}.gallery-row{gap:var(--s-2);padding:var(--s-3);display:grid}.row-head{align-items:center;gap:var(--s-3);min-height:32px;display:flex}.row-head h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.row-head .btn,.row-head .link-act{margin-left:auto}.row-strip{gap:var(--s-2);grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;display:grid}.row-tile{gap:var(--s-1);align-content:start;min-width:0;margin:0;display:grid}.row-tile>:first-child{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-sunk);object-fit:cover;width:100%;overflow:hidden}.row-media{position:relative}.row-media>img,.row-media>video{object-fit:cover;width:100%;height:100%;display:block}.row-tile figcaption{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-empty{padding:var(--s-2);text-align:center;font-size:var(--text-xs);place-items:center;display:grid}.row-map{display:block}.row-text{padding:var(--s-2);font-size:var(--text-xs);cursor:pointer;line-height:1.45;overflow:auto!important}.row-text p{margin:0 0 var(--s-1)}.row-text.clamp p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1300px){.row-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.scrub{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}.scrub::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--rail-fill) var(--pos,0%), var(--rail) var(--pos,0%));height:1px}.scrub::-webkit-slider-thumb{-webkit-appearance:none;background:var(--rail-dot);width:7px;height:7px;transition:transform var(--dur-fast) var(--ease);border-radius:50%;margin-top:-3px}.scrub:hover::-webkit-slider-thumb{transform:scale(1.6)}.scrub:focus-visible::-webkit-slider-thumb{transform:scale(1.6)}.scrub::-moz-range-track{background:var(--rail);height:1px}.scrub::-moz-range-progress{background:var(--rail-fill);height:1px}.scrub::-moz-range-thumb{background:var(--rail-dot);border:0;border-radius:50%;width:7px;height:7px}.scrub:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:2px}.row-scrub{width:100%}.map-pane{container-type:inline-size}@container (width<=480px){.map-foot .map-hint,.map-foot .slider>span{display:none}.map-foot .slider input[type=range]{width:90px}}@container (width<=600px){.follow-row .pick>.word{display:none}}.gen-ref{width:var(--control-h);flex:none;padding:0}.gen-ref .icon{margin:0}.image-pop{z-index:45;gap:var(--s-2);width:360px;padding:var(--s-3);background:var(--popover);box-shadow:var(--shadow-lg);display:grid;position:fixed}.image-pop[hidden]{display:none}.image-pop .ip-prompt{width:100%;height:auto;padding:var(--s-2);resize:vertical;line-height:1.4;font-size:var(--text-sm)}.image-pop .ip-row{gap:var(--s-2);align-items:center;display:flex}.image-pop .ip-row select{flex:1;min-width:0}.image-pop .ip-row.end{justify-content:flex-end}.image-pop .ip-facts,.image-pop .ip-note{font-size:var(--text-xs);margin:0;line-height:1.4}.image-pop .ip-refs{align-items:center;gap:var(--s-1) var(--s-2);flex-wrap:wrap;display:flex}.image-pop .ip-ref-list{display:contents}.image-pop .ip-other[hidden]{display:none}.ip-chip{text-transform:none;letter-spacing:0;font-family:var(--font-sans);gap:2px;max-width:100%}.ip-chip-x{width:14px;height:14px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.ip-chip-x .icon{width:10px;height:10px}.image-pop .ip-rewrite{padding:2px var(--s-2);border-radius:var(--radius-sm);background:var(--seg-on);font-size:var(--text-xs);justify-self:start}.image-pop .ip-rewrite[hidden]{display:none}.image-pop .ip-tips{padding-left:var(--s-4);font-size:var(--text-xs);gap:2px;margin:0;line-height:1.35;display:grid}.image-pop .ip-guide{font-size:var(--text-xs);margin:0}.image-pop .ip-guide:empty{display:none}.image-pop .ip-quality-row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.image-pop .ip-quality-row[hidden]{display:none}.image-pop .ip-quality-note{font-size:var(--text-xs);margin:0}.image-pop .ip-quality button{padding:0 var(--s-2)}.runs-slot{position:relative}.runs-count{color:var(--text-dim);font:var(--weight-medium) var(--text-xs) var(--font-mono);margin-left:2px}.runs-count:empty{display:none}.runs-count.busy{color:var(--accent-ink)}.runs-pop{z-index:45;width:min(400px,100vw - 32px);max-height:60vh;padding:var(--s-2);box-shadow:var(--shadow-lg);background:var(--popover);position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.runs-pop[hidden]{display:none}.runs-title{padding:2px 4px var(--s-2);font:var(--weight-medium) 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.runs-title .muted{text-transform:none;letter-spacing:0}.runs-empty{font-size:var(--text-sm);margin:4px}.run-row{padding:var(--s-2);border-top:1px solid var(--border);font-size:var(--text-sm);gap:4px;display:grid}.run-head,.run-foot{align-items:baseline;gap:var(--s-2);flex-wrap:wrap;display:flex}.run-model{color:var(--text)}.run-state{font:var(--text-xs) var(--font-mono);color:var(--text-muted);margin-left:auto}.run-state.processing{color:var(--accent-ink)}.run-state.failed{color:var(--danger)}.run-error{color:var(--danger);font-size:var(--text-xs)}.run-foot{font-size:var(--text-xs)}.note-row{justify-content:center;align-items:baseline;gap:.4em;display:flex}.text-spinner{font-family:var(--font-mono);color:var(--accent-ink);line-height:1}.text-spinner[hidden]{display:none}.image-pop .note-row{font-size:var(--text-xs);justify-content:flex-start}.run-kept{color:var(--text-dim)}.run-kept.on{color:var(--accent-ink)}.audio-info .sens{align-items:center;gap:var(--s-2);color:var(--text-muted);font-size:var(--text-xs);display:flex}.audio-info .sens input[type=range]{min-width:60px;max-width:140px;accent-color:var(--accent);flex:1}.audio-info .sens output{min-width:3.2em;color:var(--text)}.tl-scroll{scrollbar-width:thin;grid-area:span 3/2;align-self:stretch;min-width:0;overflow:auto hidden}.tl-inner{width:calc(100% * var(--zoom,1));grid-template-rows:44px var(--lane-h) var(--lane-h);row-gap:var(--s-1);align-items:center;height:100%;display:grid}.tl-inner .wave-wrap{height:100%}.tl-inner{position:relative}.tl-head{background:var(--playhead);opacity:.55;pointer-events:none;z-index:2;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.tl-lab{justify-content:flex-end;align-items:center;gap:var(--s-1);display:flex}.zoom-btns{gap:2px;display:inline-flex}.zoom-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:18px;height:18px;color:var(--text-muted);font:var(--weight-medium) 12px/1 var(--font-mono);cursor:pointer;padding:0}.zoom-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.zoom-btn:disabled{opacity:.4;cursor:default}.side{position:relative}.shot-editor{z-index:6;height:calc(var(--single-w) * 9 / 16 + 2px);gap:var(--s-2);padding:var(--s-3);box-sizing:border-box;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.shot-editor[hidden]{display:none}.shot-editor-head{align-items:center;gap:var(--s-2);min-width:0;display:flex}.shot-editor-head strong{font-size:var(--text-sm);white-space:nowrap}.shot-editor-hint{min-width:0;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.shot-editor-field{gap:4px;min-height:0;display:grid}.shot-editor-field.grow{flex:1;grid-template-rows:auto 1fr}.field.area{height:auto;min-height:0;padding:var(--s-1) var(--s-2);resize:none;font:inherit;font-size:var(--text-sm);line-height:1.4}.shot-editor-field.grow .field.area{height:100%}.shot-editor-foot{font-size:var(--text-xs);min-height:1em;margin:0}.icon-btn{width:var(--control-h);flex:none;padding:0}.icon-btn .icon{margin:0}.field.multi{cursor:pointer;color:var(--text-muted)}