:root{--bg: #0b0d10;--bg-2: #0e1116;--panel: #12161d;--panel-2: #161b23;--panel-3: #1b212b;--panel-4: #222a36;--line: #232a35;--line-2: #2f3846;--txt: #dbe3ee;--dim: #8b97a8;--dim-2: #5f6b7c;--accent: #7dd3fc;--accent-2: #a78bfa;--accent-3: #34d399;--hot: #fbbf24;--danger: #fb7185;--r: 3px;--r-sm: 2px;--r-xs: 2px;--fs: 11px;--fs-xs: 8.5px;--fs-sm: 9.5px;--fs-lg: 12.5px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow: 0 10px 30px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:var(--fs);line-height:1.35;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}input,textarea{user-select:text;-webkit-user-select:text}[hidden]{display:none!important}#stage-layer{position:fixed;inset:0;z-index:1;background:var(--bg)}#stage-layer[hidden]{display:none}#stage{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none}#stage.dragging{cursor:grabbing}#ui{--ui-scale: 1;position:fixed;top:0;left:0;width:calc(100% / var(--ui-scale));height:calc(100% / var(--ui-scale));transform:scale(var(--ui-scale));transform-origin:top left;z-index:10;pointer-events:none;transition:opacity .15s ease}#ui[data-hidden=true]{opacity:0;pointer-events:none}#ui[data-hidden=true] *{pointer-events:none!important}*{scrollbar-width:thin;scrollbar-color:#2f3846 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2f3846;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3d4a5c}input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:12px;margin:0;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#7dd3fc 0%,#a78bfa var(--fill, 0%),#2a3340 var(--fill, 0%),#2a3340 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border:1px solid #0b0d10;border-radius:50%;background:#dbe3ee;box-shadow:0 0 0 1px #7dd3fc73}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#2a3340}input[type=range]::-moz-range-progress{height:3px;border-radius:2px;background:linear-gradient(90deg,#7dd3fc,#a78bfa)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1px solid #0b0d10;border-radius:50%;background:#dbe3ee}input[type=checkbox]{width:12px;height:12px;margin:0;accent-color:var(--accent);cursor:pointer}input[type=color]{padding:0;border:0;background:transparent;cursor:pointer}input[type=search]{-webkit-appearance:none;appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.text-input{flex:1;min-width:0;height:24px;padding:0 6px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#0d1117;color:var(--txt);font-size:10.5px;outline:none}.text-input::placeholder{color:var(--dim-2)}.text-input:focus{border-color:var(--accent)}.sel{height:24px;min-width:0;flex:1 1 auto;padding:0 4px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#0d1117;color:var(--txt);font-size:10.5px;cursor:pointer;outline:none}.sel:focus{border-color:var(--accent)}.sel option{background:#12161d;color:var(--txt)}.grow{flex:1 1 auto}.row{display:flex;align-items:center;gap:4px;min-width:0}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px}.grid2>*{min-width:0}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 6px}.note{margin:0;font-size:9.5px;color:var(--dim);line-height:1.45}.note b{color:var(--txt);font-weight:700}.hint{font-size:9px;color:var(--dim-2)}.sep{width:1px;height:14px;margin:0 3px;background:var(--line-2);flex:0 0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.scrim{position:absolute;inset:0;z-index:20;background:#0000008c;pointer-events:auto}.scrim[hidden]{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeUp{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;height:24px;padding:0 8px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--panel-3);color:var(--txt);font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease}.btn:hover{background:var(--panel-4);border-color:#3d4a5c}.btn:active{transform:translateY(1px)}.btn.is-on{border-color:#7dd3fc80;background:#7dd3fc24;color:#dff6ff}.btn:disabled{opacity:.35;cursor:default}.btn svg{width:11px;height:11px;flex:0 0 auto}.btn-accent{border-color:#7dd3fc73;background:linear-gradient(180deg,#2a4a5c,#1d3442);color:#dff6ff}.btn-accent:hover{background:linear-gradient(180deg,#31566b,#22404f)}.btn-danger{border-color:#fb718559;background:#fb71851a;color:#fda4af}.btn-danger:hover{background:#fb71852e}.ibtn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--dim);cursor:pointer}.ibtn:hover{background:var(--panel-3);color:var(--txt)}.ibtn.is-on{background:#7dd3fc29;color:#dff6ff}.ibtn svg{width:13px;height:13px}.mini{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--dim);font-size:9px;font-weight:700;cursor:pointer;transition:background .1s ease,color .1s ease,opacity .1s ease}.mini:hover{background:var(--panel-3);color:var(--txt)}.mini.is-on{background:#7dd3fc29;color:#bae6fd}.mini.is-off{opacity:.4}.mini svg{width:11px;height:11px}.mini-danger:hover{background:#fb718524;color:#fda4af}.slider{display:flex;flex-direction:column;gap:1px;min-width:0}.slider-top{display:flex;align-items:baseline;justify-content:space-between;gap:3px}.slider-label{font-size:9px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-val{display:inline-flex;align-items:baseline;gap:1px;flex:0 0 auto;white-space:nowrap}.num{width:44px;padding:0;border:0;background:transparent;color:var(--txt);font-family:var(--mono);font-size:9px;text-align:right;-moz-appearance:textfield;appearance:textfield}.num::-webkit-outer-spin-button,.num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num:focus{outline:1px solid var(--accent);background:#0d1117;border-radius:2px}.num-unit{font-family:var(--mono);font-size:8px;font-style:normal;color:var(--dim-2)}.numfield{display:flex;align-items:center;gap:4px;flex:0 0 auto;min-width:0}.numfield .cl-label{flex:0 0 auto}.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:#0d1117;border:1px solid var(--line);border-radius:var(--r-sm)}.seg-2{grid-template-columns:repeat(2,1fr)}.seg-3{grid-template-columns:repeat(3,1fr)}.seg button{padding:4px 0;border:0;border-radius:1px;background:transparent;color:var(--dim);font-size:9px;font-weight:600;cursor:pointer}.seg button:hover{color:var(--txt);background:var(--panel-3)}.seg button.is-on{background:#2a4a5c;color:#dff6ff}.chip{flex:1 1 0;height:22px;padding:0 6px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:transparent;color:var(--dim);font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.chip:hover{color:var(--txt);background:var(--panel-3)}.chip.is-on{border-color:#7dd3fc73;background:#7dd3fc24;color:#dff6ff}.chip.is-muted{opacity:.45}.chip.grow{flex:1 1 auto}.badge{flex:0 0 auto;padding:1px 4px;border-radius:2px;font-size:7.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:11px;background:var(--panel-3);color:var(--dim)}.badge-anchor{background:#7dd3fc24;color:#bae6fd}.badge-hidden{background:#fb718524;color:#fda4af}.badge-layer{background:#a78bfa24;color:#c4b5fd}.badge-hinge{background:#7dd3fc1a;color:#bae6fd}.badge-motor{background:#34d3991f;color:#6ee7b7}.badge-oscillator{background:#a78bfa1f;color:#c4b5fd}.badge-spring{background:#fbbf241f;color:#fcd34d}.badge-sound{border:0;background:var(--panel-3);color:var(--dim-2);cursor:pointer;display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:2px}.badge-sound svg{width:10px;height:10px}.badge-sound.is-on{background:#34d39929;color:#6ee7b7}.badge-sound i{font-style:normal;font-size:7px;margin-left:1px;line-height:1}.swatch.lg{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}.disp-head{display:flex;align-items:center;gap:4px}.colorfield{display:flex;align-items:center;gap:4px;min-width:0;cursor:pointer}.colorfield .cl-label{flex:0 0 auto}.cf-val{flex:1 1 auto;min-width:0;font-family:var(--mono);font-size:8px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visrow{display:flex;gap:3px}.cl-label{flex:0 0 34px;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim-2)}.swatches{display:flex;align-items:center;gap:3px;flex:1 1 auto;flex-wrap:wrap}.sw{width:13px;height:13px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:2px;cursor:pointer;opacity:.65}.sw:hover{opacity:1}.sw[data-on="1"]{opacity:1;outline:1px solid var(--accent);outline-offset:1px}.colorpick{width:20px;height:20px;border-radius:2px;overflow:hidden;flex:0 0 auto;border:1px solid var(--line-2)}.colorpick::-webkit-color-swatch-wrapper{padding:0}.colorpick::-webkit-color-swatch{border:0;border-radius:1px}.keys{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:9px;color:var(--dim-2)}.keys span{display:inline-flex;align-items:center;gap:3px}.keys svg{width:11px;height:11px;color:var(--dim)}kbd{padding:1px 4px;border:1px solid var(--line-2);border-radius:2px;background:var(--panel-3);font-family:var(--mono);font-size:8px;color:var(--dim);line-height:11px}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.key-grid span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:var(--dim)}.key-grid kbd{flex:0 0 auto}.slider-track{position:relative;display:block;min-width:0}.slider-ticks{position:absolute;left:0;right:0;top:50%;height:0;pointer-events:none}.slider-ticks i{position:absolute;top:-3px;width:1px;height:6px;background:#ffffff1a}.slider-ticks i.is-edge{background:#fff3}.slider.is-bipolar .slider-track:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:7px;margin-top:-3px;background:#ffffff47;pointer-events:none}.slider input[type=range].is-dragging::-webkit-slider-thumb{background:#fff;box-shadow:0 0 0 2px #7dd3fc59,0 0 10px #7dd3fc99}.slider input[type=range].is-dragging::-moz-range-thumb{background:#fff;box-shadow:0 0 0 2px #7dd3fc59,0 0 10px #7dd3fc99}.slider-readout{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--txt);white-space:nowrap}.slider-sm .num{width:36px}.slider-lg .num{width:54px}.slider-sm .slider-label{font-size:8px}.slider-lg .slider-label{font-size:10px}.ctx-menu{position:fixed;z-index:9999;min-width:184px;padding:3px;border:1px solid var(--line-2);border-radius:3px;background:var(--panel-2);box-shadow:var(--shadow)}.ctx-menu button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:4px 7px;border:0;border-radius:2px;background:transparent;color:var(--txt);font-size:9px;text-align:left;cursor:pointer}.ctx-menu button:hover{background:var(--panel-4)}.ctx-menu button.is-danger{color:#fda4af}.ctx-menu .ctx-hint{font-family:var(--mono);font-size:7.5px;color:var(--dim-2)}.ctx-sep{height:1px;margin:3px 4px;background:var(--line)}.cmdk{position:absolute;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:11vh}.cmdk[hidden]{display:none}.cmdk-scrim{position:absolute;inset:0;background:#0000008c;backdrop-filter:blur(2px)}.cmdk-box{position:relative;width:min(640px,92vw);max-height:72vh;display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:4px;background:var(--panel-2);box-shadow:var(--shadow);overflow:hidden}.cmdk-input-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.cmdk-mark{color:var(--accent);font-size:14px;line-height:1}.cmdk-input{flex:1;height:26px;border:0;background:transparent;color:var(--txt);font-size:13px;outline:none}.cmdk-input::placeholder{color:var(--dim-2)}.cmdk-list{overflow-y:auto;padding:4px}.cmdk-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:6px 8px;border:0;border-radius:2px;background:transparent;color:var(--txt);font-size:10px;text-align:left;cursor:pointer}.cmdk-item.is-active{background:#7dd3fc24}.cmdk-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}.cmdk-meta i{font-style:normal;font-family:var(--mono);font-size:8px;color:var(--dim-2)}.cmdk-meta b{font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dim-2)}.cmdk-foot{display:flex;gap:14px;padding:5px 10px;border-top:1px solid var(--line);font-size:8px;color:var(--dim-2)}.cmdk-foot span{display:inline-flex;align-items:center;gap:3px}.cmdk-empty{padding:18px;text-align:center;color:var(--dim-2);font-size:9px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 10px;text-align:center;color:var(--dim-2)}.empty-state svg{width:22px;height:22px;opacity:.45}.empty-state b{font-size:10.5px;color:var(--dim)}.empty-state span{font-size:9px;line-height:1.4;max-width:200px}.daw{position:absolute;inset:0;display:grid;grid-template-rows:24px 40px minmax(0,1fr) 20px;grid-template-areas:"menu" "transport" "workspace" "status";background:var(--bg);pointer-events:auto;overflow:hidden}.workspace{grid-area:workspace;display:grid;grid-template-columns:var(--browser-w, 220px) minmax(0,1fr) var(--right-w, 340px);min-height:0;min-width:0}.daw[data-browser=false] .workspace{grid-template-columns:minmax(0,1fr) var(--right-w, 340px)}.daw[data-inspector=false] .workspace{grid-template-columns:var(--browser-w, 220px) minmax(0,1fr)}.daw[data-browser=false][data-inspector=false] .workspace{grid-template-columns:minmax(0,1fr)}.daw[data-browser=false] .browser,.daw[data-inspector=false] .right-col,.daw[data-radial=false] .radial-window{display:none}.daw[data-browser-window=true] .workspace{grid-template-columns:minmax(0,1fr) var(--right-w, 340px)}.daw[data-browser-window=true][data-inspector=false] .workspace{grid-template-columns:minmax(0,1fr)}.daw[data-rack-window=true] .rack-window,.daw[data-inspector-window=true] .inspector-window,.daw[data-rack-window=true][data-inspector-window=true] .right-col{display:none}.daw[data-rack-window=true][data-inspector-window=true] .workspace{grid-template-columns:var(--browser-w, 220px) minmax(0,1fr)}.daw[data-browser-window=true][data-rack-window=true][data-inspector-window=true] .workspace{grid-template-columns:minmax(0,1fr)}.browser{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel);border-right:1px solid var(--line)}.browser-tabs{display:flex;align-items:center;gap:1px;height:26px;padding:0 2px;border-bottom:1px solid var(--line);background:var(--panel-2);flex:0 0 auto}.browser-tabs button[data-act=browser-tab]{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;height:22px;padding:0 2px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--dim-2);font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.browser-tabs button[data-act=browser-tab] svg{width:10px;height:10px}.browser-tabs button[data-act=browser-tab]:hover{color:var(--txt);background:var(--panel-3)}.browser-tabs button[data-act=browser-tab].is-on{color:var(--txt);background:var(--panel-3);box-shadow:inset 0 -1px 0 var(--accent)}.browser-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px}.pane{display:flex;flex-direction:column;gap:6px;min-width:0}.pane[hidden]{display:none}.sec{display:flex;flex-direction:column;gap:5px;padding:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm)}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dim-2)}.fold-sec{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);overflow:hidden}.fold-sec-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 6px;border:0;background:transparent;color:var(--dim);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.fold-sec-head:hover{background:var(--panel-3);color:var(--txt)}.fold-chev{display:grid;place-items:center;color:var(--dim-2);transition:transform .15s ease}.fold-chev svg{width:10px;height:10px}.fold-sec[data-open=true] .fold-chev{transform:rotate(180deg)}.fold-sec-body{display:flex;flex-direction:column;gap:5px;padding:0 6px 6px}.fold-sec-body[hidden]{display:none}.tree-bar{display:flex;align-items:center;gap:4px;padding:0 0 5px}.searchbox{flex:1;display:flex;align-items:center;gap:4px;height:24px;padding:0 6px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#0d1117;color:var(--dim-2)}.searchbox svg{width:11px;height:11px;flex:0 0 auto}.searchbox input{flex:1;min-width:0;border:0;background:transparent;color:var(--txt);font-size:10px;outline:none}.searchbox input::placeholder{color:var(--dim-2)}.tree-tools{display:flex;gap:1px}.tree-list{display:flex;flex-direction:column;gap:1px}.trow{display:flex;align-items:center;gap:4px;min-height:24px;padding:2px 4px 2px calc(2px + var(--d, 0) * 10px);border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer}.trow:hover{background:var(--panel-3)}.trow.is-on{background:#7dd3fc1a;border-color:#7dd3fc4d}.trow.is-hidden .tname,.trow.is-hidden .swatch{opacity:.4}.tchev{width:16px;height:16px;display:grid;place-items:center;border:0;background:transparent;color:var(--dim-2);cursor:pointer;border-radius:2px;flex:0 0 auto}.tchev:hover{background:var(--panel-3);color:var(--txt)}.tchev svg{width:10px;height:10px;transition:transform .15s ease}.tchev.is-collapsed svg{transform:rotate(-90deg)}.tchev-spacer{width:16px;flex:0 0 auto}.trow .swatch{width:7px;height:7px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 6px currentColor}.tname{flex:1 1 auto;min-width:0;font-size:10px;font-weight:500;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tname-input{flex:1 1 auto;min-width:0;height:20px;padding:0 4px;border:1px solid var(--accent);border-radius:2px;background:#0d1117;color:var(--txt);font-size:10px;outline:none}.badges{display:flex;align-items:center;gap:2px;flex:0 0 auto}.tacts{display:flex;align-items:center;gap:0;flex:0 0 auto;opacity:0;transition:opacity .1s ease}.trow:hover .tacts,.trow.is-on .tacts{opacity:1}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.preset-card{display:flex;align-items:flex-start;gap:5px;padding:5px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-3);text-align:left;cursor:pointer}.preset-card:hover{border-color:#7dd3fc66;background:#7dd3fc14}.preset-icon{width:18px;height:18px;border-radius:2px;display:grid;place-items:center;background:#7dd3fc1f;color:#bae6fd;flex:0 0 auto}.preset-icon svg{width:10px;height:10px}.preset-body{display:flex;flex-direction:column;gap:0;min-width:0}.preset-body b{font-size:9.5px;font-weight:600;color:var(--txt)}.preset-body i{font-size:8px;font-style:normal;color:var(--dim-2)}.save-row{display:flex;gap:4px}.scene-list{display:flex;flex-direction:column;gap:3px}.scene-row{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-3)}.scene-load{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;padding:3px 4px;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:2px}.scene-load:hover{background:#ffffff0d}.scene-load b{font-size:9.5px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-load i{font-size:8px;font-style:normal;color:var(--dim-2)}.node-head{display:flex;align-items:center;gap:6px;padding:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm)}.node-id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.node-name-input{width:100%;padding:1px 2px;margin:-1px -2px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--txt);font-size:11px;font-weight:700;outline:none}.node-name-input:hover{border-color:var(--line-2)}.node-name-input:focus{border-color:var(--accent);background:#0d1117}.node-sub{font-size:8px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-actions{display:flex;gap:3px}.node-actions .btn{height:22px;padding:0 6px;font-size:9px}.instrument-card{background:#7dd3fc0d;border-color:#7dd3fc33}.particle-note{display:flex;gap:6px;padding:6px;border:1px dashed rgba(167,139,250,.35);border-radius:var(--r-sm);background:#a78bfa0f;color:var(--dim);font-size:9px;line-height:1.4}.particle-note svg{width:14px;height:14px;color:#c4b5fd;flex:0 0 auto}.particle-note b{color:var(--txt)}.fx-stack{display:flex;flex-direction:column;gap:4px}.fx-layer{border:1px solid var(--line);border-radius:var(--r-sm);background:#0d1117;overflow:hidden}.fx-layer.is-on{border-color:#7dd3fc59;background:#7dd3fc0d}.fx-layer-head{display:flex;align-items:center;gap:4px;padding:3px 4px}.fx-layer-head .fx-name{flex:1 1 auto;justify-content:flex-start;text-align:left}.fx-layer-head .fx-blend{flex:0 0 auto;width:64px;height:20px;font-size:8px}.fx-layer-body{display:flex;flex-direction:column;gap:4px;padding:0 4px 4px}.fx-layer:not(.is-on) .fx-layer-body{display:none}.fx-stage{flex:0 0 auto;padding:0 3px;border-radius:2px;background:#7dd3fc1f;color:#bae6fd;font-family:var(--mono);font-size:7px;font-weight:700;letter-spacing:.04em}.fx-layer-foot{display:flex;align-items:center;justify-content:flex-end;gap:2px}.fx-layer-foot .mini{width:18px;height:18px;font-size:7.5px}.fx-sub{margin-top:1px;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dim-2)}.fx-color-row{display:flex;align-items:center;gap:5px}.fx-color-row .swatches{flex:1 1 auto}.fx-color-row .colorpick{flex:0 0 auto}.fx-presets{display:flex;flex-wrap:wrap;gap:3px}.fx-presets .chip{flex:0 0 auto;padding:0 6px;height:20px;font-size:8px}.fx-select{display:flex;align-items:center;justify-content:space-between;gap:5px}.fx-select .sel{flex:0 0 auto;width:80px;height:20px;font-size:8.5px}.link-row{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-3)}.link-row .swatch{width:7px;height:7px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 6px currentColor}.link-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0}.link-body b{font-size:9.5px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-body i{font-size:8px;font-style:normal;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-dock,.mobile-scrim,.more-sheet{display:none}@media (max-width: 900px){.daw{grid-template-rows:24px 36px minmax(0,1fr) 18px}.workspace{grid-template-columns:minmax(0,1fr)!important}.bottom{position:fixed;inset:60px 0 44px;height:auto;z-index:60;transform:translateY(110%);transition:transform .2s ease;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.daw[data-sheet=seq] .bottom{transform:none}.rz{display:none}.seq-layers{flex:0 0 220px}.browser,.right-col,.radial-window{position:fixed;inset:60px 0 44px;width:auto;height:auto;z-index:60;transform:translateY(110%);transition:transform .2s ease;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.browser{border-right:1px solid var(--line)}.right-col{display:flex;flex-direction:column;overflow-y:auto;border-left:0}.right-col .window{min-height:320px;flex:0 0 auto}.radial-window{display:flex;flex-direction:column}.daw[data-sheet=browser] .browser,.daw[data-sheet=chan] .right-col,.daw[data-sheet=radial] .radial-window{transform:none}.mobile-scrim{display:block;position:fixed;inset:0;z-index:55;background:#0000008c}.mobile-dock{display:flex;position:fixed;left:0;right:0;bottom:0;height:44px;z-index:70;background:var(--panel-2);border-top:1px solid var(--line);padding:2px;gap:2px}.mobile-dock button{flex:1;border:0;border-radius:var(--r-sm);background:transparent;color:var(--dim);font-size:8px;font-weight:800;letter-spacing:.06em;cursor:pointer}.mobile-dock button:active{background:var(--panel-3);color:var(--txt)}.more-sheet{display:flex;position:fixed;inset:60px 0 44px;z-index:65;flex-direction:column;background:var(--panel);border:1px solid var(--line)}.more-head{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 8px;border-bottom:1px solid var(--line);background:var(--panel-2);font-size:9px;letter-spacing:.1em}.more-head button{border:0;background:transparent;color:var(--dim);cursor:pointer}.more-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.more-sec{display:flex;flex-direction:column;gap:3px;padding:6px;border:1px solid var(--line);background:var(--panel-2)}.more-title{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--dim-2);margin-bottom:2px}.more-sec button{height:30px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--panel-3);color:var(--txt);font-size:10px;text-align:left;padding:0 8px;cursor:pointer}.stage-readout{display:none}.tp-song .tp-field:nth-child(n+3),.tp-windows,.tp-vol,.tp-vol-val,.mb-key,.mb-bpm,.mb-new{display:none}.statusbar{font-size:8px}.statusbar [data-stat=status-sim],.statusbar [data-stat=status-nodes],.statusbar [data-stat=status-synths]{display:none}.stage-toolbar{overflow-x:auto}.preset-grid,.key-grid{grid-template-columns:1fr}}.synth-head{display:flex;align-items:center;gap:6px;padding:6px;background:#7dd3fc0d;border:1px solid rgba(125,211,252,.2);border-radius:var(--r-sm)}.synth-head .swatch{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}.synth-head .node-id{flex:1 1 auto;min-width:0}.synth-actions{display:flex;gap:3px}.synth-actions .btn{height:22px;padding:0 6px;font-size:9px}.link-block{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid rgba(251,191,36,.35);border-radius:var(--r-sm);background:#fbbf240f}.link-block-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hot)}.link-block .sel{border-color:#fbbf2459}.link-block .btn{border-color:#fbbf2459;background:#fbbf241a;color:#fde68a}.link-block .btn:hover{background:#fbbf242e}.link-block .note{color:#b9a06a}.knob{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.knob-dial{position:relative;width:var(--knob-size, 38px);height:var(--knob-size, 38px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a3340,#0d1117);border:1px solid var(--line-2);box-shadow:inset 0 0 8px #0009;cursor:ns-resize;touch-action:none}.knob-dial:before{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.knob-pointer{position:absolute;left:50%;top:50%;width:2px;height:36%;border-radius:1px;background:linear-gradient(180deg,#7dd3fc,#a78bfa);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--knob-angle, 0deg))}.knob-dial.is-dragging{border-color:var(--accent)}.knob-label{font-size:7.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dim-2)}.knob-num{width:38px;padding:0;border:0;background:transparent;color:var(--txt);font-family:var(--mono);font-size:8px;text-align:center;-moz-appearance:textfield;appearance:textfield}.knob-num::-webkit-outer-spin-button,.knob-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.knob-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.knob-cell{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.knob-target{width:100%;height:20px;padding:0 1px;font-size:7.5px}.route-list{display:flex;flex-direction:column;gap:4px}.route-row{display:flex;flex-direction:column;gap:3px;padding:4px;border:1px solid var(--line);border-radius:var(--r-sm);background:#0d1117}.route-top{display:flex;align-items:center;gap:3px}.route-top .sel{height:20px;font-size:8.5px}.route-empty{margin:0;font-size:9px;color:var(--dim-2);line-height:1.4}.json-paste{width:100%;min-height:70px;padding:5px 6px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#0d1117;color:var(--txt);font-family:var(--mono);font-size:9px;line-height:1.35;resize:vertical;outline:none}.json-paste::placeholder{color:var(--dim-2)}.json-paste:focus{border-color:var(--accent)}.menubar{grid-area:menu;position:relative;z-index:80;display:flex;align-items:center;height:24px;background:var(--panel-2);border-bottom:1px solid var(--line)}.mb-brand{display:flex;align-items:center;gap:4px;height:100%;padding:0 8px;border-right:1px solid var(--line)}.mb-logo{color:var(--accent);font-size:12px;line-height:1}.mb-brand b{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--txt)}.mb-song{width:180px;height:18px;margin:0 6px;padding:0 4px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--txt);font-size:10px;outline:none}.mb-song:hover{border-color:var(--line-2)}.mb-song:focus{border-color:var(--accent);background:#0d1117}.mb-menus{display:flex;height:100%}.mb-menus button{height:100%;padding:0 8px;border:0;background:transparent;color:var(--dim);font-size:9.5px;cursor:pointer}.mb-menus button:hover{background:var(--panel-3);color:var(--txt)}.mb-right{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 8px}.mb-key,.mb-bpm{font-family:var(--mono);font-size:8.5px;color:var(--dim-2);white-space:nowrap}.mb-new{height:18px;padding:0 8px;border:1px solid rgba(125,211,252,.4);border-radius:2px;background:#7dd3fc1f;color:#dff6ff;font-size:8px;font-weight:800;letter-spacing:.06em;cursor:pointer}.mb-new:hover{background:#7dd3fc33}.mb-cmd{height:18px;padding:0 7px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--dim);font-family:var(--mono);font-size:8px;font-weight:700;cursor:pointer}.mb-cmd:hover{border-color:#7dd3fc73;color:#dff6ff}.menu-pop{position:absolute;top:100%;left:0;min-width:180px;padding:3px;display:flex;flex-direction:column;gap:1px;background:var(--panel-2);border:1px solid var(--line-2);box-shadow:var(--shadow);z-index:90}.menu-pop button{height:22px;padding:0 8px;border:0;border-radius:1px;background:transparent;color:var(--txt);font-size:10px;text-align:left;cursor:pointer}.menu-pop button:hover{background:var(--panel-3)}.menu-sep{height:1px;margin:2px 0;background:var(--line)}.transport{grid-area:transport;display:flex;align-items:center;gap:6px;height:40px;padding:0 6px;background:var(--panel);border-bottom:1px solid var(--line)}.tp-group{display:flex;align-items:center;gap:2px}.tp-transport{padding-right:6px;border-right:1px solid var(--line)}.tp-song{gap:6px;padding:0 6px;border-right:1px solid var(--line)}.tp-field{display:flex;align-items:center;gap:3px}.tp-field span{font-size:7.5px;font-weight:800;letter-spacing:.08em;color:var(--dim-2)}.tp-field input{width:44px;height:22px;padding:0 3px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-family:var(--mono);font-size:10px;outline:none}.tp-field select{height:22px;max-width:110px;padding:0 3px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-size:9.5px;outline:none}.tp-field input:focus,.tp-field select:focus{border-color:var(--accent)}.tp-spacer{flex:1}.tp-vol{width:80px}.tp-vol-val{width:30px;font-family:var(--mono);font-size:8.5px;color:var(--dim-2);text-align:right}.tp-windows{padding-left:6px;border-left:1px solid var(--line)}.tp-sep{width:1px;height:16px;margin:0 2px;background:var(--line);flex:0 0 auto}.pane-detached{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;min-height:90px;padding:14px;text-align:center;color:var(--dim-2);font-size:9px}.pane-detached b{font-size:10px;color:var(--dim)}.pane-detached .btn{margin-top:2px}.pane-stack{display:flex;flex-direction:column;height:100%;min-height:0}.pane-stack .pane{flex:1;min-height:0;overflow:auto}.fwin-body>.browser{flex:1;min-height:0}.tbtn{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--dim);cursor:pointer}.tbtn:hover{background:var(--panel-3);color:var(--txt)}.tbtn.is-on{background:#7dd3fc24;border-color:#7dd3fc59;color:#dff6ff}.tbtn-primary{background:#2a4a5c;border-color:#7dd3fc73;color:#dff6ff}.tbtn-primary:hover{background:#31566b}.tbtn svg{width:13px;height:13px}.tbtn-txt{width:auto;padding:0 6px;font-size:7.5px;font-weight:800;letter-spacing:.06em}.stage-col{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:#080a0d}.stage-toolbar{display:flex;align-items:center;gap:2px;height:26px;padding:0 4px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto}.st-btn{height:20px;padding:0 6px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--dim);font-size:7.5px;font-weight:800;letter-spacing:.06em;cursor:pointer}.st-btn:hover{background:var(--panel-3);color:var(--txt)}.st-btn.is-on{background:#7dd3fc24;border-color:#7dd3fc4d;color:#dff6ff}.st-play{width:24px;padding:0;display:grid;place-items:center}.st-play svg{width:11px;height:11px}.st-sep{width:1px;height:14px;background:var(--line);margin:0 2px}.st-spacer{flex:1}.st-sel{padding-right:4px;font-family:var(--mono);font-size:8.5px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-host{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.stage-readout{position:absolute;left:8px;bottom:8px;z-index:4;display:flex;flex-direction:column;gap:1px;padding:4px 6px;background:#0a0d11c7;border:1px solid var(--line);border-radius:2px;font-family:var(--mono);font-size:8px;color:var(--dim);pointer-events:none}.ro-head{margin-bottom:1px;font-size:7px;font-weight:800;letter-spacing:.1em;color:var(--dim-2)}.ro-row{display:flex;justify-content:space-between;gap:10px}.ro-row b{color:var(--txt);font-weight:500}.radial-window{position:absolute;right:8px;bottom:8px;z-index:5;width:260px;height:280px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--shadow)}.radial-host{position:relative;flex:1;min-height:0}.right-col{display:grid;grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr);min-height:0;min-width:0;border-left:1px solid var(--line);background:var(--panel)}.window{display:flex;flex-direction:column;min-height:0;min-width:0;border-bottom:1px solid var(--line)}.window:last-child{border-bottom:0}.win-head{display:flex;align-items:center;gap:4px;height:24px;padding:0 4px 0 6px;background:var(--panel-2);border-bottom:1px solid var(--line);flex:0 0 auto}.win-title{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--dim)}.win-sub{flex:1;min-width:0;text-align:right;font-family:var(--mono);font-size:8px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-x{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--dim-2);cursor:pointer}.win-x:hover{background:var(--panel-3);color:var(--txt)}.win-x svg{width:10px;height:10px}.win-tabs{display:flex;gap:1px}.win-tabs button{height:18px;padding:0 6px;border:0;border-radius:2px;background:transparent;color:var(--dim-2);font-size:7.5px;font-weight:800;letter-spacing:.06em;cursor:pointer}.win-tabs button:hover{background:var(--panel-3);color:var(--txt)}.win-tabs button.is-on{background:#7dd3fc24;color:#dff6ff}.win-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px}.rack-toolbar{display:flex;align-items:center;gap:3px;padding:0 0 5px}.rack-patch{flex:0 0 90px;height:22px;font-size:9px}.ch-head{display:grid;grid-template-columns:18px 10px minmax(0,1fr) 64px 96px 62px;gap:3px;align-items:center;padding:2px 4px;border-bottom:1px solid var(--line);font-size:7px;font-weight:800;letter-spacing:.06em;color:var(--dim-2)}.ch-list{display:flex;flex-direction:column;gap:1px;padding-top:2px}.ch-row{display:grid;grid-template-columns:18px 10px minmax(0,1fr) 64px 96px 62px;gap:3px;align-items:center;min-height:26px;padding:2px 4px;border:1px solid transparent;border-radius:2px}.ch-row:hover{background:var(--panel-3)}.ch-row.is-on{background:#7dd3fc14;border-color:#7dd3fc40}.ch-row.is-off{opacity:.5}.ch-idx{font-family:var(--mono);font-size:8px;color:var(--dim-2)}.ch-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}.ch-name{min-width:0;padding:0;border:0;background:transparent;color:var(--txt);font-size:9.5px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.ch-name:hover{color:var(--accent)}.ch-sum{font-family:var(--mono);font-size:7.5px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-link{width:100%;height:20px;padding:0 1px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-size:8px;cursor:pointer}.ch-link:focus{border-color:var(--hot)}.ch-acts{display:flex;align-items:center;gap:0;justify-content:flex-end}.ch-radial{color:var(--hot)}.ch-solo.is-on{background:#fbbf242e;color:#fde68a}.ch-power.is-on{background:#34d39929;color:#6ee7b7}.bottom{grid-area:mixer;display:flex;flex-direction:column;height:var(--bottom-h, 132px);min-height:0;background:var(--panel);border-top:1px solid var(--line)}.bottom-body{flex:1;min-height:0;display:flex}.mixer-pane{flex:1;min-width:0;flex-direction:row;gap:4px;padding:4px 6px;overflow-x:auto;overflow-y:hidden}.seq-pane{flex:1;min-width:0;min-height:0;flex-direction:column;gap:4px;padding:4px 6px}.mixer-strips{display:flex;gap:4px;flex:0 0 auto}.strip{width:78px;flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:3px;border:1px solid var(--line);border-radius:2px;background:var(--panel-2)}.strip.is-on{border-color:#7dd3fc4d}.strip.is-off{opacity:.5}.strip-head{display:flex;align-items:center;gap:3px;min-width:0}.strip-head .dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 5px currentColor}.strip-head b{font-size:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-fader{display:flex;align-items:center;gap:3px}.strip-fader input{flex:1}.strip-val{width:24px;font-family:var(--mono);font-size:7.5px;color:var(--dim-2);text-align:right}.strip-row{display:flex;align-items:center;gap:3px}.strip-row span{width:18px;font-size:6.5px;font-weight:800;color:var(--dim-2)}.strip-row input{flex:1}.strip-btns{display:flex;gap:1px;margin-top:auto}.strip-btns button{flex:1;height:16px;border:1px solid var(--line);border-radius:1px;background:transparent;color:var(--dim);font-size:7px;font-weight:800;cursor:pointer}.strip-btns button:hover{background:var(--panel-3);color:var(--txt)}.strip-btns button.is-on{background:#7dd3fc29;color:#dff6ff}.strip-master{width:88px;margin-left:auto;border-color:#fbbf244d}.mixer-empty{display:flex;align-items:center;gap:6px;padding:8px;color:var(--dim-2);font-size:9px}.mixer-empty svg{width:14px;height:14px}.statusbar{grid-area:status;display:flex;align-items:center;gap:6px;height:20px;padding:0 6px;background:var(--panel-2);border-top:1px solid var(--line);font-family:var(--mono);font-size:8px;color:var(--dim-2);white-space:nowrap;overflow:hidden}.sb-sep{width:1px;height:10px;background:var(--line);flex:0 0 auto}.sb-spacer{flex:1}.rz{position:absolute;z-index:30;background:transparent;transition:background .1s ease}.rz:hover,.rz.is-drag{background:#7dd3fc66}.rz-browser{left:calc(var(--browser-w, 220px) - 2px);top:64px;bottom:20px;width:4px;cursor:col-resize}.rz-right{right:calc(var(--right-w, 340px) - 2px);top:64px;bottom:20px;width:4px;cursor:col-resize}.daw[data-browser=false] .rz-browser,.daw[data-inspector=false] .rz-right{display:none}.seq-toolbar{display:flex;align-items:center;gap:4px;flex:0 0 auto}.seq-tempo{font-family:var(--mono);font-size:8.5px;color:var(--dim-2)}.seq-run.is-on{border-color:#34d39973;background:#34d39924;color:#6ee7b7}.seq-body{flex:1;min-height:0;display:flex;overflow:auto;border:1px solid var(--line);background:#0d1117}.seq-layers{flex:0 0 300px;position:sticky;left:0;z-index:2;background:var(--panel);border-right:1px solid var(--line)}.seq-layers-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;height:18px;padding:0 5px;border-bottom:1px solid var(--line);background:var(--panel-2);font-size:7px;font-weight:800;letter-spacing:.08em;color:var(--dim-2)}.seq-layer{height:66px;padding:2px 4px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line)}.seq-line1,.seq-line2,.seq-line3{display:flex;align-items:center;gap:3px;min-width:0}.seq-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 6px currentColor}.seq-name{flex:1;min-width:0;height:18px;padding:0 3px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--txt);font-size:9.5px;font-weight:600;outline:none}.seq-name:hover{border-color:var(--line-2)}.seq-name:focus{border-color:var(--accent);background:#0d1117}.seq-synth{flex:1;min-width:0;height:18px;font-size:8px}.seq-num{width:34px;height:18px;padding:0 2px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-family:var(--mono);font-size:8px;text-align:center;outline:none}.seq-num:focus{border-color:var(--accent)}.seq-rate{flex:0 0 48px;height:18px;font-size:8px}.seq-cross{flex:0 0 64px;height:18px;font-size:8px}.seq-cross-node{flex:1;min-width:0;height:18px;font-size:8px}.seq-cross-amt{flex:0 0 50px}.seq-on{width:18px;height:18px}.seq-on.is-on{background:#34d39929;color:#6ee7b7}.seq-grid-wrap{flex:1;min-width:0}.seq-grid-head{position:sticky;top:0;z-index:1;width:max-content;min-width:100%;background:var(--panel-2);border-bottom:1px solid var(--line)}.seq-head-row{display:flex;gap:2px;width:max-content;min-width:100%;height:18px;align-items:center;padding:0 2px}.seq-head-cell{width:14px;flex:0 0 14px;font-family:var(--mono);font-size:7px;color:var(--dim-2);text-align:center}.seq-head-cell.is-beat{color:var(--txt)}.seq-grid{display:flex;flex-direction:column;width:max-content;min-width:100%}.seq-row{display:flex;gap:2px;height:66px;align-items:center;padding:0 2px;border-bottom:1px solid var(--line)}.seq-cell{position:relative;width:14px;height:18px;flex:0 0 14px;padding:0;border:1px solid var(--line);border-radius:1px;background:#0d1117;cursor:pointer}.seq-cell:after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:calc(var(--v, 0) * 14px);border-radius:1px;background:var(--c, #7dd3fc);opacity:.8}.seq-cell.is-on{border-color:var(--c, #7dd3fc)}.seq-cell.is-accent:after{opacity:1;box-shadow:0 0 6px var(--c, #7dd3fc)}.seq-cell.is-out{opacity:.16;cursor:default}.seq-cell.is-now{outline:1px solid #fff;outline-offset:0}.seq-cell:hover{border-color:var(--c, #7dd3fc)}.radial-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.radial-host[data-link=true] .radial-canvas{cursor:cell}.radial-foot{display:flex;align-items:center;gap:4px;height:20px;padding:0 5px;border-top:1px solid var(--line);background:var(--panel-2);flex:0 0 auto}.radial-readout{flex:1;min-width:0;font-family:var(--mono);font-size:8px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radial-cancel{color:var(--hot);flex:0 0 auto}.radial-host[data-link=true] .radial-foot{background:#fbbf241a;border-top-color:#fbbf2459}.radial-host[data-link=true] .radial-readout{color:#fde68a}.float-layer{position:absolute;inset:64px 0 20px;z-index:40;pointer-events:none;overflow:hidden}.fwin{position:absolute;display:flex;flex-direction:column;min-width:var(--min-w, 320px);min-height:var(--min-h, 200px);background:var(--panel);border:1px solid var(--line-2);border-radius:3px;box-shadow:0 18px 50px #0000009e,0 0 0 1px #00000073;pointer-events:auto;overflow:visible}.fwin[data-open=false]{display:none}.fwin[data-min=true]{min-height:0;height:auto!important}.fwin[data-min=true] .fwin-body,.fwin[data-min=true] .fwin-rz{display:none}.fwin[data-max=true]{left:0!important;top:0!important;width:100%!important;height:100%!important}.fwin.is-focus{border-color:#7dd3fc73;box-shadow:0 22px 60px #000000b3,0 0 0 1px #7dd3fc2e}.fwin-head{display:flex;align-items:center;gap:6px;height:26px;padding:0 4px 0 7px;background:linear-gradient(180deg,#1d2430,#151a22);border-bottom:1px solid var(--line-2);border-radius:2px 2px 0 0;cursor:grab;flex:0 0 auto;user-select:none}.fwin-head:active{cursor:grabbing}.fwin-ico{display:grid;place-items:center;color:var(--accent);flex:0 0 auto}.fwin-ico svg{width:12px;height:12px}.fwin-title{font-size:8.5px;font-weight:800;letter-spacing:.12em;color:var(--txt);white-space:nowrap}.fwin-sub{flex:1;min-width:0;text-align:right;font-family:var(--mono);font-size:8px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fwin-acts{display:flex;gap:1px;flex:0 0 auto}.fwin-btn{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--dim-2);cursor:pointer}.fwin-btn:hover{background:var(--panel-3);color:var(--txt)}.fwin-btn svg{width:10px;height:10px}.fwin-close:hover{background:#fb71852e;color:#fda4af}.fwin-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0 0 2px 2px}.fwin-rz{position:absolute;z-index:6}.fwin-rz[data-dir=n]{top:-3px;left:10px;right:10px;height:6px;cursor:ns-resize}.fwin-rz[data-dir=s]{bottom:-3px;left:10px;right:10px;height:6px;cursor:ns-resize}.fwin-rz[data-dir=e]{right:-3px;top:10px;bottom:10px;width:6px;cursor:ew-resize}.fwin-rz[data-dir=w]{left:-3px;top:10px;bottom:10px;width:6px;cursor:ew-resize}.fwin-rz[data-dir=ne]{right:-3px;top:-3px;width:12px;height:12px;cursor:nesw-resize}.fwin-rz[data-dir=nw]{left:-3px;top:-3px;width:12px;height:12px;cursor:nwse-resize}.fwin-rz[data-dir=se]{right:-3px;bottom:-3px;width:14px;height:14px;cursor:nwse-resize}.fwin-rz[data-dir=sw]{left:-3px;bottom:-3px;width:12px;height:12px;cursor:nesw-resize}.fwin-rz[data-dir=se]:after{content:"";position:absolute;right:3px;bottom:3px;width:6px;height:6px;border-right:1px solid var(--dim-2);border-bottom:1px solid var(--dim-2);opacity:.7}body.is-win-drag,body.is-win-drag *{user-select:none!important;-webkit-user-select:none!important}.mx{display:flex;flex-direction:column;height:100%;min-height:0;background:#0c0f14}.mx-bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 6px;background:var(--panel-2);border-bottom:1px solid var(--line);flex:0 0 auto}.mx-add{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border:1px solid rgba(125,211,252,.4);border-radius:2px;background:#7dd3fc1f;color:#dff6ff;font-size:8px;font-weight:800;letter-spacing:.06em;cursor:pointer}.mx-add:hover{background:#7dd3fc33}.mx-add svg{width:10px;height:10px}.mx-count{font-family:var(--mono);font-size:8px;color:var(--dim-2)}.mx-sep{width:1px;height:14px;background:var(--line)}.mx-zoom{display:flex;align-items:center;gap:4px;font-size:7.5px;font-weight:800;letter-spacing:.06em;color:var(--dim-2)}.mx-zoom input{width:70px}.mx-tool{height:20px;padding:0 7px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--dim);font-size:7.5px;font-weight:800;letter-spacing:.06em;cursor:pointer}.mx-tool:hover{background:var(--panel-3);color:var(--txt)}.mx-deck{flex:1;min-height:0;display:flex;overflow:hidden}.mx-strips{flex:1;min-width:0;display:flex;gap:3px;padding:6px;overflow-x:auto;overflow-y:hidden;align-items:stretch}.mx-strip{position:relative;width:var(--strip-w, 78px);flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:5px 3px 4px;border:1px solid var(--line);border-radius:2px;background:linear-gradient(180deg,#161b23,#11151c)}.mx-strip:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--c, #7dd3fc);opacity:.9}.mx-strip.is-on{border-color:#7dd3fc59;background:linear-gradient(180deg,#1a212b,#12171f)}.mx-strip.is-off{opacity:.45}.mx-strip-head{display:flex;align-items:center;gap:3px;min-width:0;padding-top:2px}.mx-num{font-family:var(--mono);font-size:7px;color:var(--dim-2);flex:0 0 auto}.mx-name{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--txt);font-size:8.5px;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.mx-name:hover{color:var(--accent)}.mx-pan-row{display:flex;align-items:center;justify-content:center;gap:4px}.mx-knob{position:relative;width:26px;height:26px;flex:0 0 auto;cursor:ns-resize;touch-action:none}.mx-knob-dial{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line-2);background:radial-gradient(circle at 50% 32%,#2a3340,#12161d 72%);box-shadow:inset 0 1px #ffffff12}.mx-knob-dial i{position:absolute;left:50%;top:50%;width:2px;height:9px;margin-left:-1px;margin-top:-9px;border-radius:1px;background:var(--accent);transform-origin:50% 100%;transform:rotate(var(--a, 0deg))}.mx-knob.sm{width:20px;height:20px}.mx-knob.sm .mx-knob-dial i{height:7px;margin-top:-7px}.mx-pan-val{width:22px;font-family:var(--mono);font-size:7px;color:var(--dim-2)}.mx-fader-row{flex:1;min-height:70px;display:flex;align-items:stretch;justify-content:center;gap:3px;padding:2px 0}.mx-scale{position:relative;width:12px;flex:0 0 auto}.mx-scale i{position:absolute;right:0;width:5px;height:1px;background:var(--line-2)}.mx-scale i.major{width:8px;background:var(--dim-2)}.mx-fader{position:relative;width:22px;flex:0 0 auto;cursor:ns-resize;touch-action:none}.mx-fader-rail{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border:1px solid var(--line);border-radius:2px;background:#0a0d12;overflow:hidden}.mx-fader-fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--p, 0) * 100%);background:linear-gradient(180deg,#7dd3fc8c,#7dd3fc1f)}.mx-fader-cap{position:absolute;left:50%;bottom:calc(var(--p, 0) * (100% - 12px));width:20px;height:12px;margin-left:-10px;border:1px solid #4a5a70;border-radius:2px;background:linear-gradient(180deg,#3a4657,#222a36);box-shadow:0 1px 3px #0009}.mx-fader-cap:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1px;background:#ffffff59}.mx-meter{position:relative;width:7px;flex:0 0 auto;border:1px solid var(--line);border-radius:1px;background:#0a0d12;overflow:hidden}.mx-meter-fill{position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(0);transform-origin:bottom;background:linear-gradient(180deg,#fb7185,#fbbf24 16%,#34d399 42% 100%)}.mx-meter-peak{position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff;opacity:.8}.mx-db{text-align:center;font-family:var(--mono);font-size:7.5px;color:var(--dim)}.mx-sends{display:flex;justify-content:space-around;gap:2px;padding:1px 0}.mx-send{display:flex;flex-direction:column;align-items:center;gap:1px}.mx-send span{font-size:6px;font-weight:800;letter-spacing:.04em;color:var(--dim-2)}.mx-btns{display:flex;gap:1px}.mx-btns button{flex:1;height:16px;padding:0;border:1px solid var(--line);border-radius:1px;background:transparent;color:var(--dim);font-size:7px;font-weight:800;cursor:pointer}.mx-btns button:hover{background:var(--panel-3);color:var(--txt)}.mx-btns .is-on{background:#7dd3fc29;color:#dff6ff}.mx-btns .mx-s.is-on{background:#fbbf242e;color:#fde68a}.mx-btns .mx-m.is-on{background:#34d39929;color:#6ee7b7}.mx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;color:var(--dim-2);font-size:9px;text-align:center}.mx-empty svg{width:20px;height:20px;opacity:.5}.mx-empty b{font-size:10px;color:var(--dim)}.mx-master{flex:0 0 108px;display:flex;flex-direction:column;gap:4px;padding:6px;border-left:1px solid var(--line-2);background:linear-gradient(180deg,#1a2029,#12161d)}.mx-master-head{display:flex;align-items:center;justify-content:space-between}.mx-master-head b{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--hot)}.mx-master-head span{font-family:var(--mono);font-size:8px;color:var(--dim)}.mx-master-body{flex:1;min-height:0;display:flex}.mx-master-fader{flex:1;display:flex;justify-content:center;gap:5px}.mx-meter-stereo{display:flex;gap:2px;width:16px;flex:0 0 auto}.mx-meter-stereo .mx-meter{flex:1;width:auto}.mx-master-btns{display:flex;gap:2px}.mx-master-btns button{flex:1;height:18px;padding:0;border:1px solid var(--line);border-radius:1px;background:transparent;color:var(--dim);font-size:7px;font-weight:800;cursor:pointer}.mx-master-btns button:hover{background:var(--panel-3);color:var(--txt)}.mx-master-btns .is-on{background:#7dd3fc29;color:#dff6ff}.mx-master-btns .mx-m.is-on{background:#fb71852e;color:#fda4af}.mx-master.is-clip .mx-master-head b{color:#fb7185;text-shadow:0 0 8px rgba(251,113,133,.8)}.mx-aux{flex:0 0 auto;display:flex;gap:3px;padding:6px 0}.mx-aux-strip{width:46px;flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:4px 3px;border:1px solid var(--line);border-radius:2px;background:linear-gradient(180deg,#161b23,#11151c)}.mx-aux-head{text-align:center;font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--hot)}.mx-aux-strip .mx-fader-row{min-height:60px}.mx-aux-val{text-align:center;font-family:var(--mono);font-size:7px;color:var(--dim-2)}.mx-aux-fx{height:16px;border:1px solid var(--line);border-radius:1px;background:transparent;color:var(--dim);font-size:6.5px;font-weight:800;cursor:pointer}.mx-aux-fx:hover{background:var(--panel-3);color:var(--txt)}.mx-btns .mx-fx-btn{color:var(--accent)}.mx-btns .mx-fx-btn:hover{background:#7dd3fc29;color:#dff6ff}.mx-fx{flex:0 0 auto;display:flex;flex-direction:column;height:168px;min-height:0;border-top:1px solid var(--line-2);background:linear-gradient(180deg,#12161d,#0e1116)}.mx-fx[data-open=false]{display:none}.mx-fx-head{display:flex;align-items:center;gap:6px;height:24px;padding:0 6px;background:var(--panel-2);border-bottom:1px solid var(--line);flex:0 0 auto}.mx-fx-title{font-size:7.5px;font-weight:800;letter-spacing:.12em;color:var(--dim)}.mx-fx-tabs{display:flex;gap:1px}.mx-fx-tabs button{height:18px;padding:0 6px;border:0;border-radius:2px;background:transparent;color:var(--dim-2);font-size:7px;font-weight:800;letter-spacing:.06em;cursor:pointer}.mx-fx-tabs button:hover{background:var(--panel-3);color:var(--txt)}.mx-fx-tabs button.is-on{background:#7dd3fc24;color:#dff6ff}.mx-fx-sub{font-family:var(--mono);font-size:8px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-fx-x{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--dim-2);cursor:pointer}.mx-fx-x:hover{background:var(--panel-3);color:var(--txt)}.mx-fx-x svg{width:10px;height:10px}.mx-fx-body{flex:1;min-height:0;overflow:auto;padding:5px 6px}.mx-fx-row{display:flex;gap:8px;align-items:stretch;min-height:0}.mx-fx-slots{display:flex;gap:4px;flex:1;min-width:0}.mx-slot{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px;padding:3px;border:1px solid var(--line);border-radius:2px;background:#0d1117}.mx-slot.is-off{opacity:.45}.mx-slot-head{display:flex;align-items:center;gap:2px;min-width:0}.mx-slot-num{flex:0 0 auto;font-family:var(--mono);font-size:7px;color:var(--dim-2)}.mx-fx-sel{flex:1;min-width:0;height:18px;padding:0 2px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-size:8px;outline:none}.mx-slot-on{flex:0 0 auto;height:18px;padding:0 4px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--dim-2);font-size:6.5px;font-weight:800;cursor:pointer}.mx-slot-on.is-on{border-color:#34d39959;background:#34d39929;color:#6ee7b7}.mx-slot-knobs{display:flex;justify-content:space-around;align-items:center;padding:2px 0}.mx-slot-labels{display:flex;justify-content:space-around;font-size:6px;font-weight:800;letter-spacing:.04em;color:var(--dim-2)}.mx-slot-labels span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-fx-side{flex:0 0 220px;display:flex;flex-direction:column;gap:4px;min-width:0}.mx-fx-sends{display:flex;align-items:center;gap:6px;padding:3px 4px;border:1px solid var(--line);border-radius:2px;background:#0d1117}.mx-fx-label{flex:0 0 auto;font-size:6.5px;font-weight:800;letter-spacing:.08em;color:var(--dim-2)}.mx-fx-sends .mx-send{flex:1}.mx-fx-sc{display:flex;align-items:center;gap:4px;padding:3px 4px;border:1px solid var(--line);border-radius:2px;background:#0d1117}.mx-fx-sc .mx-fx-sel{flex:1;min-width:0}.mx-sc-meter{position:relative;width:40px;height:6px;flex:0 0 auto;border:1px solid var(--line);border-radius:1px;background:#0a0d12;overflow:hidden}.mx-sc-meter i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#fbbf24,#fb7185)}.mx-fx-val{font-family:var(--mono);font-size:7.5px;color:var(--dim-2)}.mx-fx-hint{font-size:8px;color:var(--dim-2)}.mx-fx-empty{padding:12px;text-align:center;font-size:9px;color:var(--dim-2)}@media (max-width: 900px){.float-layer{inset:60px 0 44px;z-index:58}.fwin{left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:0;border:0}.fwin-rz{display:none}.fwin-head{height:34px}.sqx{--left-w: 150px}.sqx-canvas{grid-template-columns:150px max-content}.sqx-inspector{max-height:168px}.mx-master{flex:0 0 92px}}.sqx{--row-h: 48px;--lane-h: 30px;--left-w: 220px;position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:#0c0f14;color:var(--txt)}.sqx-bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 6px;background:var(--panel-2);border-bottom:1px solid var(--line);flex:0 0 auto;overflow-x:auto;overflow-y:hidden}.sqx-add{display:inline-flex;align-items:center;gap:3px;height:21px;padding:0 8px;border:1px solid rgba(125,211,252,.4);border-radius:2px;background:#7dd3fc1f;color:#dff6ff;font-size:8px;font-weight:800;letter-spacing:.06em;cursor:pointer;flex:0 0 auto}.sqx-add:hover{background:#7dd3fc33}.sqx-add svg{width:10px;height:10px}.sqx-run{height:21px;padding:0 8px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--dim);font-size:7.5px;font-weight:800;letter-spacing:.06em;cursor:pointer;flex:0 0 auto}.sqx-run.is-on{border-color:#34d39973;background:#34d39924;color:#6ee7b7}.sqx-tempo{font-family:var(--mono);font-size:8.5px;color:var(--dim-2);white-space:nowrap;flex:0 0 auto}.sqx-sep{width:1px;height:15px;background:var(--line);flex:0 0 auto}.sqx-field{display:flex;align-items:center;gap:3px;font-size:7px;font-weight:800;letter-spacing:.06em;color:var(--dim-2);flex:0 0 auto}.sqx-field select{height:21px;padding:0 3px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-size:8.5px;outline:none}.sqx-field input[type=range]{width:72px}.sqx-tools,.sqx-lanes{display:flex;gap:1px;padding:1px;border:1px solid var(--line);border-radius:2px;background:#0d1117;flex:0 0 auto}.sqx-tools button,.sqx-lanes button{height:18px;padding:0 6px;border:0;border-radius:1px;background:transparent;color:var(--dim-2);font-size:7px;font-weight:800;letter-spacing:.05em;cursor:pointer}.sqx-tools button:hover,.sqx-lanes button:hover{background:var(--panel-3);color:var(--txt)}.sqx-tools button.is-on,.sqx-lanes button.is-on{background:#2a4a5c;color:#dff6ff}.sqx-tool{display:grid;place-items:center;height:21px;min-width:21px;padding:0 5px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--dim);font-size:7px;font-weight:800;letter-spacing:.06em;cursor:pointer;flex:0 0 auto}.sqx-tool:hover{background:var(--panel-3);color:var(--txt)}.sqx-tool.is-on{border-color:#7dd3fc73;background:#7dd3fc24;color:#dff6ff}.sqx-tool svg{width:11px;height:11px}.sqx-main{flex:1;min-height:0;overflow:auto;background:#0a0d12}.sqx-canvas{display:grid;grid-template-columns:var(--left-w) max-content;grid-template-rows:24px max-content;width:max-content;min-width:100%}.sqx-corner{position:sticky;top:0;left:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 7px;background:var(--panel-2);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:7px;font-weight:800;letter-spacing:.08em;color:var(--dim-2)}.sqx-ruler{position:sticky;top:0;z-index:4;background:var(--panel-2);border-bottom:1px solid var(--line)}.sqx-ruler-inner{position:relative;display:flex;gap:2px;height:24px;align-items:center;padding:0 2px}.sqx-tick{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid transparent;font-family:var(--mono);font-size:7px;color:var(--dim-2)}.sqx-tick.is-beat{border-left-color:var(--line);color:var(--dim)}.sqx-tick.is-bar{border-left-color:var(--line-2);color:var(--txt)}.sqx-playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 6px #ffffffb3;pointer-events:none}.sqx-left{position:sticky;left:0;z-index:3;background:var(--panel);border-right:1px solid var(--line)}.sqx-grid{background:#0a0d12}.sqx-layer{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.sqx-layer-main{position:relative;height:var(--row-h);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:2px 5px 2px 9px}.sqx-layer-main:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--c, #7dd3fc)}.sqx-layer.is-on{background:#7dd3fc0f}.sqx-layer.is-off{opacity:.5}.sqx-line1{display:flex;align-items:center;gap:3px;min-width:0}.sqx-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--c, #7dd3fc);box-shadow:0 0 6px var(--c, #7dd3fc)}.sqx-name{flex:1;min-width:0;height:18px;padding:0 3px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--txt);font-size:9.5px;font-weight:600;outline:none}.sqx-name:hover{border-color:var(--line-2)}.sqx-name:focus{border-color:var(--accent);background:#0d1117}.sqx-mini{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--dim-2);font-size:7px;font-weight:800;cursor:pointer;flex:0 0 auto}.sqx-mini:hover{background:var(--panel-3);color:var(--txt)}.sqx-mini svg{width:10px;height:10px}.sqx-mini.is-on{background:#34d39929;color:#6ee7b7}.sqx-mini.sqx-solo.is-on{background:#fbbf242e;color:#fde68a}.sqx-mini.sqx-del:hover{background:#fb718529;color:#fda4af}.sqx-line2{display:flex;align-items:center;gap:5px;padding-left:10px;font-family:var(--mono);font-size:7px;color:var(--dim-2)}.sqx-line2 .sqx-synth{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sqx-line2 .sqx-len,.sqx-line2 .sqx-rate{flex:0 0 auto;padding:0 3px;border-radius:2px;background:#ffffff0a}.sqx-layer-lane{height:var(--lane-h);display:flex;align-items:center;padding-left:10px;border-top:1px dashed var(--line);font-size:6.5px;font-weight:800;letter-spacing:.08em;color:var(--dim-2)}.sqx-row{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.sqx-cells{display:flex;gap:2px;height:var(--row-h);align-items:center;padding:0 2px}.sqx-cell{position:relative;height:34px;flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:1px;background:#0d1117;cursor:pointer;overflow:hidden}.sqx-cell.is-beat{border-left-color:var(--line-2)}.sqx-cell.is-bar{border-left-color:#3d4a5c}.sqx-cell-fill{position:absolute;left:1px;right:1px;bottom:1px;height:calc(var(--v, 0) * 100%);border-radius:1px;background:var(--c, #7dd3fc);opacity:.72}.sqx-cell.is-on{border-color:var(--c, #7dd3fc)}.sqx-cell.is-accent .sqx-cell-fill{opacity:1;box-shadow:0 0 8px var(--c, #7dd3fc)}.sqx-cell.is-out{opacity:.14;cursor:default}.sqx-cell.is-now{outline:1px solid #fff;outline-offset:-1px}.sqx-cell.is-sel{outline:1px solid #fff;outline-offset:-1px;box-shadow:inset 0 0 0 1px #ffffff59}.sqx-cell:hover{border-color:var(--c, #7dd3fc)}.sqx-cell-vel{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-family:var(--mono);font-size:6px;font-weight:700;line-height:8px;color:#ffffffc7;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.sqx-lane{display:flex;gap:2px;height:var(--lane-h);align-items:center;padding:0 2px;border-top:1px dashed var(--line);background:#ffffff03}.sqx-lcell{position:relative;height:22px;flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:1px;background:#0d1117;cursor:ns-resize;overflow:hidden}.sqx-lcell.is-beat{border-left-color:var(--line-2)}.sqx-lcell.is-bar{border-left-color:#3d4a5c}.sqx-lcell.is-out{opacity:.14;cursor:default}.sqx-lcell.is-now,.sqx-lcell.is-sel{outline:1px solid #fff;outline-offset:-1px}.sqx-lcell-fill{position:absolute;left:1px;right:1px;border-radius:1px;background:var(--c, #7dd3fc);opacity:.8;pointer-events:none}.sqx-lcell[data-lane=velocity] .sqx-lcell-fill,.sqx-lcell[data-lane=chance] .sqx-lcell-fill{bottom:1px;height:calc(var(--v, 0) * 100%)}.sqx-lcell[data-lane=chance] .sqx-lcell-fill{opacity:.45}.sqx-lcell[data-lane=note] .sqx-lcell-fill,.sqx-lcell[data-lane=pan] .sqx-lcell-fill{bottom:calc(var(--v, .5) * 100%);height:2px}.sqx-lane[data-lane=pan] .sqx-lcell:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed rgba(255,255,255,.14);pointer-events:none}.sqx-lcell-val{position:absolute;left:0;right:0;bottom:0;text-align:center;font-family:var(--mono);font-size:5.5px;line-height:7px;color:#ffffff8c;pointer-events:none}.sqx[data-tool=erase] .sqx-cell{cursor:not-allowed}.sqx[data-tool=select] .sqx-cell{cursor:cell}.sqx[data-tool=velocity] .sqx-cell{cursor:ns-resize}.sqx-inspector{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;min-height:38px;max-height:132px;overflow-y:auto;padding:5px 7px;background:var(--panel-2);border-top:1px solid var(--line)}.sqx[data-inspector=false] .sqx-inspector{display:none}.sqx-insp-head{display:flex;align-items:center;gap:5px;flex:0 0 auto}.sqx-insp-head b{font-size:9px;color:var(--txt)}.sqx-insp-sub{font-family:var(--mono);font-size:7.5px;color:var(--dim-2)}.sqx-inspector .sqx-field{font-size:6.5px}.sqx-inspector .sqx-field input[type=number]{width:42px;height:18px;padding:0 2px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-family:var(--mono);font-size:8px;text-align:center;outline:none}.sqx-inspector .sqx-field select{height:18px;max-width:96px;padding:0 2px;border:1px solid var(--line-2);border-radius:2px;background:#0d1117;color:var(--txt);font-size:8px;outline:none}.sqx-inspector .sqx-field input[type=range]{width:62px}.sqx-insp-ops{display:flex;align-items:center;gap:2px;flex:0 0 auto;padding:2px;border:1px solid var(--line);border-radius:2px;background:#0d1117}.sqx-ops-label{padding:0 4px;font-size:6.5px;font-weight:800;letter-spacing:.08em;color:var(--dim-2)}.sqx-op{height:17px;padding:0 5px;border:0;border-radius:1px;background:transparent;color:var(--dim);font-size:7px;font-weight:700;cursor:pointer}.sqx-op:hover{background:var(--panel-3);color:var(--txt)}.sqx-insp-sel{display:flex;align-items:center;gap:3px;flex:0 0 auto;padding:2px 4px;border:1px solid var(--line);border-radius:2px;background:#0d1117}.sqx-sel-stat{font-family:var(--mono);font-size:7px;color:var(--dim-2);min-width:74px}.sqx-insp-sel input[type=number]{width:40px;height:17px;padding:0 2px;border:1px solid var(--line-2);border-radius:2px;background:#0a0d12;color:var(--txt);font-family:var(--mono);font-size:8px;text-align:center;outline:none}.sqx-insp-empty{font-size:8.5px;color:var(--dim-2)}.sqx-hover{position:absolute;z-index:30;display:flex;align-items:center;gap:7px;padding:3px 6px;border:1px solid var(--line-2);border-radius:2px;background:#0a0d12f5;box-shadow:var(--shadow-sm);font-family:var(--mono);font-size:7px;color:var(--dim);pointer-events:none;white-space:nowrap}.sqx-hover b{color:var(--txt);font-size:7px;letter-spacing:.06em}.sqx-hover i{font-style:normal;color:#bae6fd}.sqx-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 10px;text-align:center;color:var(--dim-2);font-size:9px}.sqx-empty svg{width:20px;height:20px;opacity:.45}.sqx-empty b{font-size:10px;color:var(--dim)}