*{box-sizing:border-box}:root{color-scheme:dark;--bg:#060807;--panel:#0d120f;--line:#2b352e;--text:#eef3ef;--dim:#7e8b82;--acid:#b8ff3d;--cyan:#64ddd4;--danger:#ff6576;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,"Space Grotesk",Arial,sans-serif}html,body{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--mono);background:radial-gradient(1100px 650px at 88% -5%,rgba(73,106,78,.28),transparent 68%),linear-gradient(#080b09,#040605)}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1740px,calc(100% - 24px));margin:14px auto 54px}.topnav{display:flex;gap:10px;align-items:center;margin-bottom:12px;color:var(--dim);font-size:9px;letter-spacing:.14em}.topnav a{color:var(--acid);text-decoration:none}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 2px 15px}.kicker{color:var(--cyan);font-size:9px;letter-spacing:.2em}h1{margin:7px 0 5px;font:900 clamp(34px,5vw,70px)/.9 var(--sans);letter-spacing:-.055em}.sub{max-width:900px;color:#9ba69e;line-height:1.65;font-size:11px}.badge{border:1px solid #516544;border-radius:999px;color:var(--acid);padding:8px 12px;font-size:9px;white-space:nowrap}.studio{border:1px solid #3d4841;background:#090d0a;box-shadow:0 28px 75px #000a}.head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:56px;padding:9px 12px;border-bottom:1px solid var(--line);background:linear-gradient(#171d18,#0c100d)}.brand{font:850 15px var(--sans);letter-spacing:.08em}.brand b{color:var(--acid)}.engine{color:var(--dim);font-size:8px;letter-spacing:.15em;text-align:center}.actions{justify-self:end;display:flex;gap:6px;flex-wrap:wrap}.btn{min-height:31px;border:1px solid #414c44;background:linear-gradient(#202720,#111612);color:#d0d7d2;padding:0 10px;font-size:8px;letter-spacing:.09em}.btn:hover:not(:disabled),.btn.on{border-color:var(--acid);color:var(--acid)}.btn:disabled{opacity:.32;cursor:not-allowed}.btn.primary{border-color:#6e914a;color:var(--acid);background:linear-gradient(#27351c,#10170d)}.btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--line);background:#0f1410}.toolbar .sep{width:1px;height:22px;background:#2f3932;margin:0 3px}.toolbar .spacer{flex:1}.field{display:flex;align-items:center;gap:5px;color:var(--dim);font-size:8px;letter-spacing:.08em}.field input,.field select{height:29px;border:1px solid #374139;background:#070a08;color:#dce3de;padding:0 6px}.field input[type=number]{width:70px}.field input[type=range]{width:90px;accent-color:var(--acid)}.status{min-width:145px;text-align:right;color:var(--dim);font-size:8px}.drop{margin:10px;border:1px dashed #47534b;background:linear-gradient(135deg,#101511,#090d0a);min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8f9a92;position:relative}.drop.drag{border-color:var(--acid);color:var(--acid);background:#121b0f}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop b{display:block;color:#e0e7e2;font-size:11px;margin-bottom:5px}.drop small{font-size:8px;letter-spacing:.1em}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;margin:0 10px 10px;border:1px solid #39443d;background:#060906}.timeline{min-width:0;border-right:1px solid #303a33}.ruler{position:relative;height:30px;border-bottom:1px solid #2b342e;background:#0a0e0b;overflow:hidden}.rulerTicks{position:absolute;inset:0}.tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.07);color:#69766d;font-size:7px;padding:6px 0 0 4px;white-space:nowrap}.timelineScroll{overflow-x:auto;overflow-y:hidden;background:#070a08}.timelineInner{position:relative;min-width:100%;height:310px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 40%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.022) 80px)}#wave{position:absolute;inset:0;width:100%;height:205px}.clipLane{position:absolute;left:0;right:0;top:205px;height:104px;border-top:1px solid #2e3931;background:#090d0a}.clip{position:absolute;top:12px;height:79px;border:1px solid #4d5a50;background:linear-gradient(180deg,rgba(184,255,61,.12),rgba(184,255,61,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;cursor:grab;user-select:none}.clip:active{cursor:grabbing}.clip.selected{border-color:var(--acid);box-shadow:0 0 0 1px rgba(184,255,61,.25),0 0 24px rgba(184,255,61,.08)}.clip.reverse{background:linear-gradient(180deg,rgba(100,221,212,.14),rgba(100,221,212,.035))}.clip.dragOver{outline:1px dashed var(--cyan);outline-offset:-4px}.clipLabel{position:absolute;left:10px;top:8px;right:10px;display:flex;justify-content:space-between;gap:8px;color:#e1e8e3;font-size:8px;white-space:nowrap;overflow:hidden}.clipLabel span{overflow:hidden;text-overflow:ellipsis}.clipLabel em{font-style:normal;color:var(--cyan)}.clipMeta{position:absolute;left:10px;bottom:8px;color:#86928a;font-size:7px;letter-spacing:.06em}.trimHandle{position:absolute;top:0;bottom:0;width:8px;background:rgba(184,255,61,.12);cursor:ew-resize;z-index:4}.trimHandle.left{left:0}.trimHandle.right{right:0}.fadeShade{position:absolute;top:0;bottom:0;pointer-events:none;opacity:.5}.fadeShade.in{left:0;background:linear-gradient(90deg,rgba(100,221,212,.38),transparent)}.fadeShade.out{right:0;background:linear-gradient(270deg,rgba(100,221,212,.38),transparent)}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--acid);box-shadow:0 0 9px rgba(184,255,61,.75);z-index:8;pointer-events:none}.cursorLine{position:absolute;top:0;bottom:0;width:1px;background:var(--cyan);z-index:7;pointer-events:none}.cursorBadge{position:absolute;top:7px;transform:translateX(-50%);padding:3px 5px;background:#07100e;border:1px solid #38635d;color:var(--cyan);font-size:7px;z-index:9;pointer-events:none}.loopRange{position:absolute;top:0;bottom:0;background:rgba(184,255,61,.045);border-left:1px solid rgba(184,255,61,.34);border-right:1px solid rgba(184,255,61,.34);pointer-events:none;z-index:2}.transport{display:grid;grid-template-columns:auto auto auto 1fr auto;gap:7px;align-items:center;padding:9px 10px;border-top:1px solid var(--line);background:#0e130f}.play{width:38px;height:33px;border:1px solid #617456;background:#182016;color:var(--acid)}.time{min-width:139px;color:#b8c1ba;font-size:9px}.seek{width:100%;accent-color:var(--acid)}.export{min-height:33px;border:1px solid #6d8e4a;background:#1c2817;color:var(--acid);padding:0 14px;font-size:8px;letter-spacing:.12em}.export:disabled{opacity:.35}.side{padding:10px;background:#0a0e0b}.side h2{margin:0 0 10px;color:var(--cyan);font-size:9px;letter-spacing:.14em}.kv{display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid #242d27;padding:7px 0;font-size:8px}.kv span{color:#738078}.kv b{color:#dfe6e1}.control{margin:10px 0}.control label{display:flex;justify-content:space-between;color:#7e8a82;font-size:8px;margin-bottom:5px}.control input[type=range]{width:100%;accent-color:var(--acid)}.hint{margin-top:12px;border-top:1px solid #283129;padding-top:10px;color:#7d8981;font-size:8px;line-height:1.65}.hint b{color:var(--acid)}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px 10px}.panel{border:1px solid #303a33;background:#0b0f0c;padding:10px}.panel h3{margin:0 0 9px;color:var(--cyan);font-size:9px;letter-spacing:.14em}.shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.key{border:1px solid #27312a;background:#070a08;padding:7px;color:#7f8b83;font-size:7px;line-height:1.5}.key b{display:block;color:#dce4de;font-size:8px}.hidden{display:none!important}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.timeline{border-right:0;border-bottom:1px solid #303a33}.side{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.side h2{grid-column:1/-1}.hint{grid-column:1/-1}.bottom{grid-template-columns:1fr}.head{grid-template-columns:1fr}.engine{text-align:left}.actions{justify-self:start}}@media(max-width:760px){.hero{align-items:start;flex-direction:column}.shell{width:min(100% - 14px,1740px)}.toolbar{align-items:stretch}.toolbar .spacer{display:none}.field{flex:1 1 120px}.status{width:100%;text-align:left}.workspace{margin:0 6px 6px}.timelineInner{height:280px}.clipLane{top:180px;height:99px}#wave{height:180px}.transport{grid-template-columns:auto 1fr auto}.time{min-width:0}.seek,.export{grid-column:1/-1}.side{grid-template-columns:1fr 1fr}.shortcuts{grid-template-columns:repeat(2,1fr)}.bottom{padding:0 6px 6px}.drop{margin:6px}}