#daw-root{--bg-deep:#07070a;--bg-pri:#0c0c10;--bg-sec:#121216;--bg-ter:#1a1a1f;--bg-elev:#222228;--bg-hover:#2c2c34;--text-pri:#e6e6ec;--text-sec:#8a8a98;--text-mut:#4e4e5a;--accent:#e8a023;--accent-dim:rgba(232,160,35,0.12);--border:#26262e;font-family:Space Grotesk,sans-serif;background:var(--bg-deep);color:var(--text-pri);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}#daw-root .mono{font-family:JetBrains Mono,monospace}#daw-root ::-webkit-scrollbar{width:5px;height:5px}#daw-root ::-webkit-scrollbar-track{background:var(--bg-pri)}#daw-root ::-webkit-scrollbar-thumb{background:var(--bg-elev);border-radius:3px}#daw-root .transport-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--text-sec);cursor:pointer;transition:all .15s;font-size:13px}#daw-root .transport-btn:hover{background:var(--bg-hover);color:var(--text-pri)}#daw-root .transport-btn.on-play{background:rgba(34,197,94,.12);color:#22c55e;border-color:rgba(34,197,94,.4);box-shadow:0 0 10px rgba(34,197,94,.15)}#daw-root .transport-btn.on-loop{background:var(--accent-dim);color:var(--accent);border-color:rgba(232,160,35,.35)}#daw-root .track-row{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;cursor:pointer;transition:all .12s;border:1px solid transparent}#daw-root .track-row:hover{background:var(--bg-ter)}#daw-root .track-row.sel{border-color:var(--accent);background:var(--accent-dim)}#daw-root .ms-btn{width:22px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:8px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--bg-pri);color:var(--text-mut);transition:all .12s;font-family:Space Grotesk,sans-serif}#daw-root .ms-btn:hover{border-color:var(--text-sec)}#daw-root .ms-btn.m-on{background:#ef4444;border-color:#ef4444;color:#fff}#daw-root .ms-btn.s-on{background:var(--accent);border-color:var(--accent);color:#000}#daw-root .dslider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--bg-elev);border-radius:2px;outline:none;cursor:pointer}#daw-root .dslider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;cursor:pointer}#daw-root .dslider.vol::-webkit-slider-thumb{background:var(--accent)}#daw-root .dslider.pan::-webkit-slider-thumb{background:var(--text-sec)}#daw-root .dslider.env::-webkit-slider-thumb{background:#a78bfa}#daw-root .dslider.flt::-webkit-slider-thumb{background:#34d399}#daw-root .dslider.fx::-webkit-slider-thumb{background:#60a5fa}#daw-root select.preset-sel{background:var(--bg-pri);border:1px solid var(--border);border-radius:5px;color:var(--text-pri);font-size:11px;padding:3px 6px;outline:none;width:100%;font-family:Space Grotesk,sans-serif;cursor:pointer}#daw-root select.preset-sel:focus{border-color:var(--accent)}#daw-root .vu{width:100%;height:2px;background:var(--bg-pri);border-radius:1px;overflow:hidden;margin-top:4px}#daw-root .vu-f{height:100%;border-radius:1px;background:linear-gradient(90deg,#22c55e,#eab308 60%,#ef4444);width:0;transition:width 50ms linear}#daw-root .tool-btn{padding:4px 9px;border-radius:5px;font-size:10px;cursor:pointer;border:1px solid var(--border);background:var(--bg-sec);color:var(--text-sec);transition:all .12s;font-family:Space Grotesk,sans-serif}#daw-root .tool-btn:hover{background:var(--bg-elev);color:var(--text-pri)}#daw-root .tool-btn.act{background:var(--accent-dim);color:var(--accent);border-color:rgba(232,160,35,.4)}#daw-root .dur-b{padding:3px 7px;border-radius:3px;font-size:9px;cursor:pointer;border:1px solid var(--border);background:var(--bg-pri);color:var(--text-mut);transition:all .1s;font-family:JetBrains Mono,monospace}#daw-root .dur-b:hover{border-color:var(--text-sec)}#daw-root .dur-b.act{background:var(--accent-dim);color:var(--accent);border-color:rgba(232,160,35,.4)}#daw-root .param-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}#daw-root .param-label{color:var(--text-mut);width:14px}#daw-root .param-label,#daw-root .param-val{font-size:9px;text-align:right;flex-shrink:0}#daw-root .param-val{color:var(--text-sec);width:36px;font-family:JetBrains Mono,monospace}#daw-root .section-title{font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--text-mut);text-transform:uppercase;margin:10px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--border)}#daw-root #piano-roll-container{flex:1;overflow:auto;position:relative;background:var(--bg-pri)}#daw-root canvas#pianoRoll{display:block}#daw-root @keyframes pulse-rec 0%,#daw-root @keyframes pulse-rec 100%{opacity:1}#daw-root @keyframes pulse-rec 50%{opacity:.3}#daw-root .rec-pulse{animation:pulse-rec 1s ease-in-out infinite}#daw-root .glow-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}