:root{--bg:#0d120f;--panel:#141d17;--line:#304b38;--green:#29db71;--text:#e4eee7;--muted:#9cb6a5;--cyan:#78dce7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.65 'JetBrains Mono',monospace}button,input,select{font:inherit}button,.file-button{border:1px solid #42664d;background:#1a2a20;color:var(--text);padding:10px 14px;min-height:42px;cursor:pointer;border-radius:3px}button:hover,.file-button:hover{border-color:var(--green)}button.primary,.file-button{background:var(--green);color:#07170c;font-weight:700;border-color:var(--green)}button:disabled{opacity:.4;cursor:default}.file-button.secondary{background:#1a2a20;color:var(--text);border-color:#42664d}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:2px solid white;outline-offset:3px}input,select{background:#101b14;color:var(--text);border:1px solid #42664d;padding:8px;min-width:0;max-width:100%;border-radius:3px}input[type=range]{accent-color:var(--green);padding:0;min-height:28px}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}.top{padding:17px 24px}.build{font-size:10px;letter-spacing:.1em;color:var(--muted)}main{max-width:1660px;margin:auto;padding:26px 24px 50px}.stereo-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#1bce62;color:#06190e;padding:30px 36px;margin-bottom:18px}.stereo-hero h1{font:900 clamp(46px,6vw,78px)/1 Archivo,sans-serif;letter-spacing:-.04em;margin:12px 0}.stereo-hero p{margin:0;font-size:13px;max-width:65ch}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700}.hero-position{display:flex;align-items:center;gap:12px;min-width:230px;font-size:18px}.hero-position i{height:2px;width:65px;background:#084522}.hero-position b{font-size:42px}.panel{border:1px solid var(--line);background:var(--panel);padding:18px}.project-toolbar,.transport,.button-row,.quick-pan{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.project-name{display:flex;gap:10px;align-items:center;margin-left:auto}.project-name input{width:220px}.hint{font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0}.transport{margin:18px 0}.transport>input[type=range]{flex-basis:100%;width:100%}.transport output{font-variant-numeric:tabular-nums}.check{display:inline-flex;align-items:center;gap:7px;font-size:11px}.check small{color:var(--muted)}.position-readout{display:flex;align-items:center;gap:12px;color:var(--muted);width:100%;font-size:11px}.position-readout meter{width:180px}.position-readout output{color:var(--cyan)}.stereo-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.timeline-area{min-width:0}.timeline-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.timeline-tools h2{font:800 20px Archivo,sans-serif;margin:0 auto 0 0}.timeline-tools h2 span{font:12px 'JetBrains Mono',monospace;color:var(--muted);margin-left:10px}.timeline-tools label{display:flex;align-items:center;gap:7px;font-size:11px}.timeline-tools input[type=number]{width:70px}.timeline-tools input[type=range]{width:100px}.empty{padding:80px 26px;text-align:center;border:1px dashed #3d654a;background:#122117}.empty b{font:700 24px Archivo,sans-serif}.empty p{color:var(--muted);max-width:55ch;margin:14px auto}.lane{border:1px solid var(--line);margin:16px 0;background:#111b15}.lane.active{border-color:var(--green)}.lane.missing{border-style:dashed}.lane-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;background:#18271d}.lane-title{font-weight:700;flex:1;min-width:120px;overflow-wrap:anywhere;cursor:pointer}.lane-meta{color:var(--muted);font-size:10px}.lane-header button{padding:5px 10px;min-height:34px;font-size:11px}.lane-header button[aria-pressed=true]{background:#1d7340;color:white;border-color:var(--green)}.lane-scroll{overflow-x:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;max-width:100%;position:relative}.lane-inner{position:relative}.lane canvas{display:block;touch-action:pan-y;cursor:crosshair;width:100%;height:220px}.playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:#f0e5a4;pointer-events:none;z-index:2;opacity:.8}.editor{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto}.editor h2{font:800 20px Archivo,sans-serif;margin:8px 0;overflow-wrap:anywhere}.editor label{display:block;font-size:11px;margin:12px 0}.editor label input:not([type=checkbox]),.editor select{display:block;width:100%;margin-top:6px}.editor output{display:block;color:var(--cyan);font-size:11px}.editor hr{border:0;border-top:1px solid var(--line);margin:22px 0}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lane-options{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.quick-pan{gap:5px}.quick-pan button{padding:5px 8px;min-height:32px;font-size:10px}.button-row button{flex:1;padding:8px 10px;font-size:11px}.selection-state{color:#e6d893;font-size:11px}.section-button{display:block;width:100%;text-align:left;margin:7px 0;font-size:11px;padding:9px 10px}.section-button.active{border-color:var(--cyan);background:#203238}.section-button small{display:block;color:var(--muted)}.export{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.export>div{flex:1;min-width:220px}.export h2{font:800 22px Archivo,sans-serif;margin:0}.export p{margin:6px 0}.status-panel{margin:18px 0;border-left:3px solid var(--green);padding:4px 16px}.status-panel progress{width:min(400px,100%)}#status{color:#d8eedf}#renderReport{font-size:12px;color:var(--muted)}#renderReport strong{color:var(--green)}.help{margin-top:24px}.help summary{cursor:pointer}.help p{font-size:12px;max-width:90ch;color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);padding:22px}a{color:var(--green)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:1050px){.stereo-layout{grid-template-columns:minmax(0,1fr) 300px}.project-name{margin-left:0}.hero-position{min-width:150px}.hero-position i{width:35px}}@media(max-width:760px){main{padding:16px 12px}.stereo-hero{padding:24px 20px}.hero-position{display:none}.stereo-layout{grid-template-columns:1fr}.editor{position:static;max-height:none}.transport{padding:14px}.project-toolbar{padding:14px}.project-name{width:100%}.project-name input{flex:1;width:auto}.build{font-size:8px}.lane-header{padding:10px}.timeline-tools{gap:7px}.export button{width:100%}.editor .button-row button{min-height:44px}.lane-meta{width:100%}}

.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading button{font-size:10px;padding:5px 9px;min-height:32px}.section-preview{width:100%;margin-top:10px;border-color:var(--cyan);color:var(--cyan)}.move-summary{padding:10px;background:#10241b;border-left:2px solid var(--cyan);font-size:11px;color:var(--cyan);font-variant-numeric:tabular-nums}

.lane canvas{position:sticky;left:0}.task-active .status-panel{position:sticky;bottom:8px;z-index:60;background:#112218;padding:12px;border:1px solid #29db71}.task-active .status-panel progress{display:block;width:100%}#importResults details{border:1px solid #567348;padding:10px;margin-top:12px}#importResults li{overflow-wrap:anywhere}.lane .lane-play{border-color:var(--cyan)}body.dragging main{outline:2px dashed var(--green)}