:root{--void:#08080c;--bg:#0a0a10;--surface:#0e0e15;--surf2:#13131c;--surf3:#1a1a24;--text:#f6f7fb;--text-2:#f6f7fba8;--text-3:#f6f7fb57;--glass:#ffffff0a;--glass-2:#ffffff14;--glass-brd:#ffffff17;--glass-brd2:#ffffff29;--border:#ffffff0f;--border-2:#ffffff1f;--knob-bg:radial-gradient(circle at 38% 30%, #1c1c26, #0a0a10);--knob-brd:#ffffff2e;--knob-mark:#ffffffeb;--accent:#fff;--accent-dim:#ffffff1f;--accent-glow:#ffffff2e;--r-xs:5px;--r-sm:9px;--r-md:14px;--r-lg:18px;--r-full:9999px;--nav-h:54px;--top-h:42px}html[data-theme=pearl]{--void:#eceef4;--bg:#f2f4f9;--surface:#fafbfe;--surf2:#fff;--surf3:#f0f2f8;--text:#14151c;--text-2:#14151c9e;--text-3:#14151c57;--glass:#14151c09;--glass-2:#14151c0f;--glass-brd:#14151c1a;--glass-brd2:#14151c2e;--border:#14151c12;--border-2:#14151c21;--knob-bg:radial-gradient(circle at 38% 30%, #fff, #dfe2ea);--knob-brd:#14151c38;--knob-mark:#14151ce0;--accent:#14151c;--accent-dim:#14151c1a;--accent-glow:#14151c24}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:var(--bg);height:100%;color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;transition:background .4s,color .4s;overflow:hidden}.mono{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-main{flex:1 1 0;min-height:0;overflow:hidden}.app-nav{flex:0 0 var(--nav-h)}.console-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.console-grid{flex:1;grid-template-columns:1fr 142px 1fr;min-height:0;display:grid;overflow:hidden}.deck-a{grid-column:1}.mix-col{grid-column:2}.deck-b{grid-column:3}.deck-a,.deck-b,.mix-col{background:linear-gradient(180deg, var(--glass), transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);position:relative}.deck-a:before,.deck-b:before{content:"";background:linear-gradient(90deg,transparent,var(--glass-brd2),transparent);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.mix-col{border-left:1px solid var(--border);border-right:1px solid var(--border)}@media (orientation:portrait){.console-grid{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr}.deck-a{grid-area:1/1}.deck-b{border-left:1px solid var(--border);grid-area:1/2}.mix-col{border-left:none;border-right:none;border-top:1px solid var(--border);grid-area:2/1/auto/3}}.deck-body{scrollbar-width:none;flex-direction:column;gap:clamp(5px,1vh,9px);height:100%;padding:clamp(7px,1.4vw,13px);display:flex;overflow:hidden auto}.deck-body::-webkit-scrollbar{display:none}.jog-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.jog{aspect-ratio:1;touch-action:none;cursor:grab;width:clamp(92px,18vh,158px);position:relative}.jog:active{cursor:grabbing}.gbtn{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-md);color:var(--text-2);-webkit-backdrop-filter:blur(10px);cursor:pointer;font-family:inherit;transition:all .18s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.gbtn:active{transform:scale(.96)}.gbtn.on{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:0 0 18px var(--accent-glow)}.knob-glass{background:var(--knob-bg);border:1.5px solid var(--knob-brd);border-radius:50%;position:relative;box-shadow:inset 0 1px 2px #ffffff1f,0 2px 8px #0000004d}.pad-glass{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .15s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.pad-glass:active{transform:scale(.95)}.pad-glass.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px var(--accent-glow)}.pad-glass.on span{color:var(--bg)!important}.cf-rail{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.cf-knob{background:var(--knob-bg);border:1.5px solid var(--knob-brd);border-radius:var(--r-sm);box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff40}.drop-zone{border:1.5px dashed var(--glass-brd2);border-radius:var(--r-md);background:var(--glass);transition:all .2s}.drop-zone.drag{border-color:var(--accent);background:var(--accent-dim)}.app-nav{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);border-top:1px solid var(--border)}.theme-toggle{background:var(--glass);border:1px solid var(--glass-brd);cursor:pointer;width:30px;height:30px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:active{transform:scale(.9)}