body{background:var(--ink-950);color:var(--text);font-family:var(--font-ui);margin:0;line-height:1.6}.ws{box-sizing:border-box;flex-wrap:wrap;align-items:flex-start;gap:20px;max-width:1440px;min-height:calc(100vh - 60px);margin:0 auto;padding:24px;display:flex}.railCol{flex:0 0 220px;position:sticky;top:20px}.wrap{flex-direction:column;flex:999 560px;gap:22px;min-width:0;max-width:1120px;padding-bottom:90px;display:flex}@media (width<=900px){.ws{gap:14px;padding:16px}.railCol{flex:100%;position:static}}.head{flex-direction:column;gap:8px;padding-top:6px;display:flex}h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--paper);margin:0;font-size:clamp(2rem,1.4rem + 2.2vw,3.2rem);font-weight:900;line-height:1.02}.sub{color:var(--text);max-width:64ch;font-size:var(--step-0);margin:0}.mono{font-family:var(--font-mono)}.note{color:var(--text-quiet);font-size:var(--step--1);margin:0}.eyebrow{align-items:center;gap:8px;display:inline-flex}.pip{background:currentColor;border-radius:50%;width:7px;height:7px}.drop{border:1px dashed var(--ink-500);border-radius:var(--r-lg);text-align:center;cursor:pointer;transition:border-color var(--dur-fast), box-shadow var(--dur-med);flex-direction:column;align-items:center;gap:8px;padding:28px 24px;display:flex}.drop:hover,.drop.over,.drop:focus-visible{border-color:var(--accent);box-shadow:var(--readout-edge), var(--glow);outline:none}.dropWave{opacity:.8;width:min(520px,100%);margin-bottom:8px;overflow:hidden}.drop.compact{gap:10px;padding:14px 20px}.drop.compact .dropWave,.drop.compact .types,.drop.compact>span{display:none}.drop.compact strong{font-size:var(--step-0);font-weight:700}.working.done .pulse,.working.done .log{display:none}@media (width<=600px){.controls{flex-wrap:wrap}.controls .scrub{flex:100%;order:3}}.drop strong{font:800 var(--step-2)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--paper)}.drop>span{color:var(--text-quiet);font-size:var(--step--1);max-width:60ch}.types{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.types i{letter-spacing:.08em;border:1px solid var(--ink-600);border-radius:var(--r-sm);color:var(--fog-400);padding:4px 8px;font-size:.72rem;font-style:normal}.unlock{gap:8px;display:grid}.unlockState{font-size:var(--step--1);color:var(--text-quiet);margin:0}.unlockState b{color:var(--text-strong)}.buyRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.linkish{color:var(--text-quiet);font-family:var(--font-ui);font-size:var(--step--2);cursor:pointer;background:0 0;border:0;padding:4px 2px;text-decoration:underline}.linkish:hover{color:var(--text-strong)}.dropActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.syncPanel{padding:20px 24px}.syncHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.syncHead h2{font-family:var(--font-display);font-size:var(--step-0);margin:0}.syncFit{color:var(--text-quiet);font-size:var(--step--2);margin:0}.syncHint{color:var(--text-quiet);font-size:var(--step--1);margin:6px 0 10px}.syncHint kbd{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:.9em}.syncRuler{border:1px solid var(--border);border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--bg);cursor:pointer;border-bottom:none;width:100%;height:20px;display:block}.syncScroll{overscroll-behavior:contain;border:1px solid var(--border);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--bg);max-height:320px;overflow-y:auto}.syncStrip{touch-action:none;width:100%;display:block}.syncControls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.exportNote{color:var(--text-quiet);font-size:var(--step--2);margin:6px 0 0}.tapNow{color:var(--text-quiet);font-size:var(--step--2)}.tapDeck{border:1px solid var(--accent);border-radius:var(--r-md);background:var(--accent-wash);align-items:center;gap:16px;margin-top:12px;padding:14px;display:flex}.tapHit{border-radius:var(--r-md);background:var(--accent);min-width:120px;color:var(--cta-text);font-family:var(--font-display);font-size:var(--step-1);cursor:pointer;border:none;flex-direction:column;flex:none;align-items:center;gap:2px;padding:16px 20px;font-weight:700;display:flex}.tapHit small{font-family:var(--font-mono);font-size:var(--step--2);opacity:.85;font-weight:400}.tapHit:active{transform:translateY(1px)}.tapGuide{flex-direction:column;gap:4px;display:flex}.tapLine{font-size:var(--step--1);margin:0}.tapLine.sub2{color:var(--text-quiet);font-size:var(--step--2)}.tapLine kbd{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:.9em}.syncPanel.isTapping .syncScroll{pointer-events:none;opacity:.92}.modes{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.mode{text-align:left;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-bg);box-shadow:var(--elev-1);color:var(--text-quiet);font-family:var(--font-ui);cursor:pointer;transition:border-color var(--dur-fast), box-shadow var(--dur-med);flex-direction:column;align-items:flex-start;gap:2px;padding:18px 20px;display:flex}.mode b{font-family:var(--font-display);font-weight:800;font-size:var(--step-1);color:var(--paper)}.mode span{font-size:var(--step--1);font-family:var(--font-mono)}.mode:hover{border-color:var(--ink-500)}.mode.on{border-color:var(--accent);box-shadow:var(--elev-1), var(--glow)}.mode.on span{color:var(--accent)}.mode:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=520px){.modes{grid-template-columns:1fr}}.does li{color:var(--text);font-size:var(--step--1);padding-left:22px;position:relative}.head .sub2{color:var(--text-quiet);font-size:var(--step--1);max-width:62ch;margin:0}.does{gap:7px;margin:12px 0 14px;padding:0;list-style:none;display:grid}.does li{font-size:var(--step--1);padding-left:22px;position:relative}.does li:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:.6em;left:3px}.head .sub2{max-width:60ch;color:var(--text-quiet);font-size:var(--step--2);margin:0}.status{color:var(--text-quiet);font-size:var(--step--1);margin:0}.lyricsPanel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:14px 18px}.lyricsPanel summary{cursor:pointer;color:var(--text-strong);font-weight:600;font-size:var(--step--1)}.lyricsPanel summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.lyricsHint{color:var(--text-quiet);font-size:var(--step--1);margin:10px 0 8px}.lyricsPanel textarea{box-sizing:border-box;resize:vertical;background:var(--readout-bg);width:100%;box-shadow:var(--readout-edge);color:var(--text);border:1px solid var(--ink-700);border-radius:var(--r-sm);font:inherit;font-size:var(--step--1);padding:10px 12px;line-height:1.5}.lyricsPanel.taken>summary:after{content:" — using these";color:var(--accent);font-weight:600}.lyricsPanel textarea[readonly]{opacity:.65}.lyricsPanel textarea:focus-visible{border-color:var(--accent);outline:none}.working{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.working.done{box-shadow:var(--elev-2)}.workTop{align-items:center;gap:18px;display:flex}.working .eyebrow.live{color:var(--spec-3)}.working.done .eyebrow.live{color:var(--ok)}.log{border-top:1px solid var(--ink-700);flex-direction:column;gap:7px;margin:0;padding:14px 0 0;font-size:.78rem;line-height:1.4;list-style:none;display:flex}.log li{color:var(--fog-300);gap:10px;display:flex}.log .mark{flex:none;width:1ch}.log li[data-state=done] .mark:before{content:"✓";color:var(--ok)}.log li[data-state=now]{color:var(--spec-3)}.log li[data-state=now] .mark:before{content:"›"}.log .text{overflow-wrap:anywhere}.pulse{flex:none;align-items:flex-end;gap:3px;height:26px;display:flex}.pulse i{background:var(--spectrum);transform-origin:bottom;background-size:20px 100%;border-radius:2px;width:4px;height:100%;animation:1.05s ease-in-out infinite bounce;display:block}.pulse i:first-child{animation-delay:0s}.pulse i:nth-child(2){animation-delay:.12s}.pulse i:nth-child(3){animation-delay:.24s}.pulse i:nth-child(4){animation-delay:.36s}.pulse i:nth-child(5){animation-delay:.48s}@keyframes bounce{0%,to{opacity:.55;transform:scaleY(.28)}50%{opacity:1;transform:scaleY(1)}}.workText{flex-direction:column;gap:2px;min-width:0;display:flex}.workText p{margin:0}#statusText{color:var(--paper);font:800 clamp(1.25rem, 1rem + 1vw, 1.75rem)/1.15 var(--font-display);letter-spacing:-.02em;margin-top:6px}.sub2{color:var(--text-quiet);font-size:.76rem}.working.done .pulse i{opacity:.5;animation:none;transform:scaleY(.3)}.errorBox{border:1px solid var(--error);border-radius:var(--r-md);background:#ff4d4d14;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.errorBox p{margin:0}#errorText{color:var(--error);font-size:.9rem}.errHint{color:var(--text-quiet);font-size:.78rem}@media (prefers-reduced-motion:reduce){.pulse i{animation-duration:2.4s}}.stage{flex-direction:column;gap:18px;display:flex}.deck{flex-direction:column;gap:14px;padding:22px 24px;display:flex}.deckEye{color:var(--accent)}.screen{padding:8px}#canvas{aspect-ratio:16/9;border-radius:var(--r-sm);background:#000;width:100%;display:block}.syncStrip{background:var(--ink-950);border-radius:var(--r-md);border:1px solid var(--border)}.stripHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cutStrip{background:var(--readout-bg);border:1px solid var(--ink-700);border-radius:var(--r-md);box-shadow:var(--readout-edge);flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.csFrames{gap:2px;height:64px;display:flex}.csTile{background:var(--ink-800);cursor:pointer;min-width:3px;transition:opacity var(--dur-med);border:0;border-radius:3px;flex:1 1 0;padding:0;position:relative;overflow:hidden}.csTile canvas{object-fit:cover;width:100%;height:100%;display:block}.csTile:hover,.csTile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.csTile.now:after{content:"";box-shadow:inset 0 -3px 0 var(--accent);position:absolute;inset:0}.cutStrip.exporting .csTile.pending{opacity:.25}.csWave{width:100%;height:34px;display:block}.csHead{background:var(--paper);width:2px;box-shadow:var(--glow-cyan);pointer-events:none;margin-left:-1px;position:absolute;top:4px;bottom:4px;transform:translate(0)}.controls{align-items:center;gap:14px;display:flex}.play{font-family:var(--font-ui);color:var(--cta-text);background:var(--cta-bg);border-radius:var(--r-pill);cursor:pointer;vertical-align:middle;border:1px solid #0000;min-width:94px;padding:8px 24px;font-size:.92rem;font-weight:600;line-height:1.2}.play:hover{background:var(--accent-hot)}.scrub{accent-color:var(--accent);flex:1}.time{color:var(--text-timecode);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem}.looks{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.look{text-align:left;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--elev-1);cursor:pointer;font-family:var(--font-ui);color:var(--text-quiet);transition:border-color var(--dur-fast), box-shadow var(--dur-med);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.look:hover{border-color:var(--ink-500)}.look.on{border-color:var(--accent);box-shadow:var(--elev-1), var(--glow)}.look b{font-family:var(--font-display);color:var(--text-strong);font-size:.98rem}.look span{font-size:.76rem;line-height:1.45}.reason{color:var(--spec-3);font-size:.84rem;font-family:var(--font-mono);min-height:1.4em;margin:0}.export{flex-wrap:wrap;align-items:center;gap:18px;padding:6px 24px 20px;display:flex}.looksBox{flex-direction:column;gap:10px;display:flex}.export .play{margin-top:14px}.unlock{color:var(--text-quiet);cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:.86rem;display:flex}.unlock input{accent-color:var(--accent);width:16px;height:16px}.play:disabled{opacity:.5;cursor:default}.ghost{font-family:var(--font-ui);color:var(--text-quiet);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;vertical-align:middle;background:0 0;min-width:94px;padding:8px 23px;font-size:.92rem;font-weight:600;line-height:1.2}.ghost:only-child{margin-top:14px}.ghost:hover{border-color:var(--accent);color:var(--text-strong)}.exportStatus{flex-direction:column;gap:8px;display:flex}.bar{background:var(--ink-700);border-radius:var(--r-pill);height:6px;overflow:hidden}.fill{background:var(--spectrum);width:0;height:100%;transition:width .2s ease-out}@media (prefers-reduced-motion:reduce){.fill{transition:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}