:root{--bg: #0a0b0f;--panel: #14161d;--panel-2: #1b1e27;--line: #2a2e3a;--txt: #d8dce6;--txt-dim: #8a90a0;--accent: #06ffa5;--accent-2: #8338ec;--bass: #ff006e;--mid: #ffbe0b;--treble: #3a86ff;--radius: 9px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font:13px/1.4 Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh}.app.immersive .left,.app.immersive .right,.app.immersive .topbar,.app.immersive .transport{display:none}.app.immersive .workspace{grid-template-columns:1fr}.app.immersive .stage{padding:0}.exit-immersive{position:fixed;top:12px;right:12px;z-index:10;background:#14161dcc;color:var(--txt);border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-size:11px;opacity:.3;transition:opacity .2s}.exit-immersive:hover{opacity:1}.imm-btn{font-size:14px;padding:6px 9px}.panel.dropping{outline:2px dashed var(--accent);outline-offset:-6px;background:#06ffa50a}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:16px;letter-spacing:.5px;color:var(--accent)}.brand span{color:var(--txt-dim);font-weight:400;font-size:11px;margin-left:8px;letter-spacing:1px;text-transform:uppercase}.presetbar{display:flex;align-items:center;gap:6px}.preset-select{background:var(--panel-2);color:var(--txt);border:1px solid var(--accent-2);border-radius:7px;font-size:12px;padding:7px 8px}.export{display:flex;align-items:center;gap:14px}.res-chips{display:flex;gap:4px}.chip{background:var(--panel-2);color:var(--txt-dim);border:1px solid var(--line);padding:5px 10px;border-radius:6px;font-size:11px}.chip.on{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.rec{background:var(--panel-2);color:var(--txt);border:1px solid var(--line);padding:7px 14px;border-radius:var(--radius);font-weight:600}.rec.on{background:var(--bass);border-color:var(--bass);color:#fff;animation:pulse 1s infinite}.quality{background:var(--panel-2);color:var(--txt);border:1px solid var(--line);border-radius:6px;font-size:11px;padding:5px 6px}.fps{font-size:10px;color:var(--txt-dim);font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.error-screen{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;height:100vh;color:var(--txt);padding:30px;text-align:center}.error-screen pre{background:var(--panel-2);border:1px solid var(--bass);border-radius:8px;padding:14px;max-width:600px;overflow:auto;color:var(--bass)}.rec.master{border-color:var(--accent);color:var(--accent)}.rec.master:hover:not(:disabled){background:var(--accent);color:var(--bg)}.rec:disabled{opacity:.5;cursor:default}@keyframes pulse{50%{opacity:.6}}.workspace{display:grid;grid-template-columns:280px 1fr 340px;flex:1;min-height:0}.left,.right{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.right{border-right:none;border-left:1px solid var(--line)}.center{display:flex;flex-direction:column;min-height:0;background:#050608}.panel{padding:12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-height:0}.panel.grow{flex:1;min-height:0}.panel-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--txt-dim);font-weight:600}.btn{background:var(--panel-2);color:var(--txt);border:1px solid var(--line);padding:7px 10px;border-radius:7px;font-size:12px;transition:.12s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.ghost{background:transparent}.btn.full{width:100%}.btn.tiny{padding:3px 7px;font-size:11px}.row{display:flex;align-items:center}.row.gap{gap:6px}.media-scroll{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px}.folder-name{font-size:12px;color:var(--txt);margin-bottom:6px;font-weight:600}.folder-name span{color:var(--txt-dim);font-weight:400}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.media-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:6px}.thumb{aspect-ratio:1;border-radius:5px;overflow:hidden;background:#000;display:grid;place-items:center}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.thumb .proc{color:var(--accent-2);font-size:10px;font-weight:700;letter-spacing:1px}.media-name{font-size:10px;color:var(--txt-dim);margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-select{background:var(--bg);color:var(--txt-dim);border:1px solid var(--line);border-radius:5px;font-size:10px;padding:2px;max-width:80px}.scenes{flex-shrink:0}.scene-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.scene-row{display:flex;align-items:center;gap:4px;padding:5px 7px;background:var(--panel-2);border:1px solid var(--line);border-radius:7px}.scene-row.target{border-color:var(--mid);box-shadow:0 0 0 1px var(--mid)}.scene-name{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xfader{display:flex;flex-direction:column;gap:5px;margin-top:4px}.xfader-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--txt-dim)}.xfader input[type=range]{width:100%;accent-color:var(--mid)}.xfader input:disabled{opacity:.4}.stage{flex:1;min-height:0;display:grid;place-items:center;padding:18px}.glcanvas{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 0 50px #000,0 0 0 1px var(--line);background:#000}.transport{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-top:1px solid var(--line)}.play{width:40px;height:40px;border-radius:50%;border:none;background:var(--accent);color:var(--bg);font-size:14px;font-weight:700}.play:disabled{background:var(--panel-2);color:var(--txt-dim);cursor:not-allowed}.btn.mic-on{border-color:var(--bass);color:var(--bass)}.seek{flex:1;accent-color:var(--accent)}.time{font-variant-numeric:tabular-nums;color:var(--txt-dim);font-size:12px;min-width:84px;text-align:right}.meters{display:flex;align-items:flex-end;gap:3px;height:34px;position:relative;padding-bottom:12px}.bar{width:8px;height:100%;background:var(--bg);border-radius:3px;display:flex;align-items:flex-end;overflow:hidden}.bar>i{display:block;width:100%;height:0%;transition:height .05s linear}.bar.b>i{background:var(--bass)}.bar.m>i{background:var(--mid)}.bar.t>i{background:var(--treble)}.meters-label{position:absolute;bottom:-2px;left:0;right:0;font-size:8px;letter-spacing:3px;color:var(--txt-dim);text-align:center}.meters-wrap{display:flex;align-items:center;gap:10px}.beat-box{display:flex;flex-direction:column;align-items:center;gap:3px}.beat-dot{width:16px;height:16px;border-radius:50%;background:var(--accent);opacity:0;box-shadow:0 0 10px var(--accent);transition:opacity .05s linear}.bpm{font-size:9px;color:var(--txt-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.autobar{background:var(--panel);border-top:1px solid var(--line);padding:8px 14px;display:flex;flex-direction:column;gap:6px;max-height:200px}.auto-head{display:flex;align-items:center;gap:10px}.auto-time{font-size:10px;color:var(--txt-dim);font-variant-numeric:tabular-nums;min-width:64px}.auto-scrub{flex:1;accent-color:var(--accent)}.auto-tracks{display:flex;flex-direction:column;gap:5px;overflow-y:auto}.auto-track{display:flex;align-items:center;gap:8px}.auto-label{width:130px;font-size:11px;color:var(--txt-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.auto-lane{position:relative;flex:1;height:28px;background:var(--bg);border:1px solid var(--line);border-radius:5px}.keyframe{position:absolute;width:9px;height:9px;margin:-4px;border-radius:50%;background:var(--accent);border:none;transform:translateY(50%);cursor:pointer;box-shadow:0 0 4px var(--accent)}.keyframe:hover{background:var(--bass);box-shadow:0 0 6px var(--bass)}.layers{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.empty{color:var(--txt-dim);font-size:12px;padding:10px;text-align:center}.layer-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--panel-2);border:1px solid var(--line);border-radius:7px}.layer-row.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.layer-thumb{position:relative;width:30px;height:24px;border-radius:4px;overflow:hidden;background:#000;flex-shrink:0}.layer-thumb img,.layer-thumb video{width:100%;height:100%;object-fit:cover}.proc-mini{width:100%;height:100%;background:conic-gradient(from 0deg,#ff006e,#ffbe0b,#3a86ff,#06ffa5,#ff006e)}.thumb-badge{position:absolute;top:-2px;right:0;font-size:9px;color:var(--accent);text-shadow:0 0 3px #000}.layer-name{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-ctl{display:flex;gap:2px}.icon{background:transparent;border:none;color:var(--txt-dim);font-size:11px;padding:2px 4px;border-radius:4px}.icon:hover{color:var(--accent)}.icon.del:hover{color:var(--bass)}.tabs{display:flex;gap:4px;margin-bottom:4px}.tabs button{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--txt-dim);padding:7px;border-radius:7px;font-size:11px}.tabs button.active{color:var(--accent);border-color:var(--accent)}.inspector-scroll{overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:14px;padding-right:4px}.section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent-2);font-weight:600;border-bottom:1px solid var(--line);padding-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:8px}.add-fx{background:var(--accent-2);color:#fff;border:none;border-radius:6px;font-size:10px;padding:4px 6px;text-transform:none;letter-spacing:0;max-width:150px}.fx-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:7px}.fx-card.off{opacity:.5}.fx-head{display:flex;align-items:center;gap:6px}.fx-name{flex:1;font-size:12px;font-weight:600;color:var(--txt)}.fx-cat{font-size:9px;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.5px}.icon:disabled{opacity:.25;cursor:default}.ctl{display:flex;flex-direction:column;gap:3px}.ctl-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--txt-dim)}.ctl-label b{color:var(--txt);font-variant-numeric:tabular-nums}.ctl-right{display:flex;align-items:center;gap:6px}.midi-learn{background:transparent;border:1px solid var(--line);color:var(--txt-dim);font-size:9px;line-height:1;padding:2px 4px;border-radius:4px;min-width:16px}.midi-learn:hover,.midi-learn.mapped{border-color:var(--mid);color:var(--mid)}.midi-learn.on{background:var(--mid);border-color:var(--mid);color:var(--bg);animation:pulse 1s infinite}.ctl input[type=range],.modrow-audio input[type=range]{width:100%;accent-color:var(--accent)}.modrow{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:8px;display:flex;flex-direction:column;gap:6px}.modrow-audio{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center}.modrow-audio .link{font-size:10px;color:var(--accent)}.band-select{background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:5px;font-size:10px;padding:2px 4px}.hint{font-size:10px;color:var(--txt-dim);font-style:italic}.midi-status{display:flex;align-items:center;gap:8px;font-size:12px}.midi-status .dot{width:8px;height:8px;border-radius:50%;background:var(--txt-dim)}.midi-status .dot.on{background:var(--accent);box-shadow:0 0 6px var(--accent)}.midi-row{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--line)}.midi-row.learning{background:#ffbe0b14}.midi-label{flex:1;font-size:11px}.midi-cc{font-size:10px;color:var(--mid);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.btn.tiny.on{background:var(--mid);border-color:var(--mid);color:var(--bg)}.toggle{background:var(--panel-2);border:1px solid var(--line);color:var(--txt-dim);padding:6px 10px;border-radius:6px;font-size:11px;flex:1}.toggle.on{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bd;pointer-events:auto}.tour-hole{position:absolute;border-radius:10px;box-shadow:0 0 0 9999px #000000bd,0 0 0 2px var(--accent) inset;transition:all .25s ease;pointer-events:none}.tour-tip{position:absolute;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:16px;box-shadow:0 14px 40px #000;pointer-events:auto}.tour-title{color:var(--accent);font-weight:700;font-size:14px;margin-bottom:6px}.tour-text{font-size:12.5px;color:var(--txt);line-height:1.5;margin-bottom:12px}.tour-controls{display:flex;align-items:center;justify-content:space-between}.tour-count{font-size:11px;color:var(--txt-dim);font-variant-numeric:tabular-nums}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.help-card{background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:22px;max-width:760px;width:92%;max-height:86vh;overflow-y:auto;box-shadow:0 20px 60px #000}.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.help-head h2{margin:0;color:var(--accent);font-size:18px}.help-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.help-cols h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--accent-2);margin:0 0 10px}.help-table{width:100%;border-collapse:collapse;font-size:13px}.help-table td{padding:4px 6px;vertical-align:top;color:var(--txt-dim)}.help-table kbd{background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--txt);font-family:monospace;font-size:11px;white-space:nowrap}.help-guide{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--txt-dim)}.help-guide b{color:var(--accent)}.help-foot{margin-top:18px;text-align:center;font-size:11px;color:var(--txt-dim)}@media (max-width: 640px){.help-cols{grid-template-columns:1fr}}@media (max-width: 1100px){.workspace{grid-template-columns:230px 1fr 300px}.brand{font-size:14px}.topbar{flex-wrap:wrap;row-gap:6px}}@media (max-width: 920px){.workspace{grid-template-columns:200px 1fr 260px}.brand span{display:none}}@media (max-width: 760px){.app{height:auto;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;gap:6px}.workspace{display:flex;flex-direction:column}.center{order:0;min-height:46vh}.left{order:1}.right{order:2}.left,.right{border:none;border-top:1px solid var(--line)}.media-scroll,.inspector-scroll,.layers,.scene-list,.auto-tracks{max-height:none;overflow:visible}.panel.grow{flex:none}.stage{min-height:46vh;padding:8px}.workspace,.left,.right,.center{min-height:0}.media-grid{grid-template-columns:1fr 1fr 1fr}.autobar{max-height:none}}@media (max-width: 460px){.media-grid{grid-template-columns:1fr 1fr}.res-chips{flex-wrap:wrap}.transport{flex-wrap:wrap;row-gap:6px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-track{background:transparent}