:root{--void:#01000a;--bg:#040210;--surface:#07051a;--surf2:#0e0c22;--surf3:#161230;--a-hi:#60a5fa;--a-lo:#1d4ed8;--a-grad:linear-gradient(135deg,#1d4ed8,#3b82f6);--a-dim:#3b82f61a;--a-rgb:59,130,246;--b-hi:#c4b5fd;--b-lo:#6d28d9;--b-grad:linear-gradient(135deg,#6d28d9,#a78bfa);--b-dim:#a78bfa1a;--b-rgb:167,139,250;--fx:#f0abfc;--fx-dim:#f0abfc1f;--text:#eef2ff;--text-2:#a5b4fc;--text-3:#a5b4fc66;--border:#a5b4fc12;--border-2:#a5b4fc21;--r-xs:3px;--r-sm:6px;--r-md:10px;--r-full:9999px;--nav-h:52px;--top-h:40px}*,: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;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;overflow:hidden}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-top{flex:0 0 var(--top-h)}.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 148px 1fr;min-height:0;display:grid;overflow:hidden}.deck-a{border-top:2px solid #3b82f6;border-right:1px solid var(--border);grid-column:1}.mix-col{border-right:1px solid var(--border);grid-column:2}.deck-b{border-top:2px solid #a78bfa;grid-column:3}@media (orientation:portrait){.console-grid{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr}.deck-a{border-right:none;border-bottom:1px solid var(--border);grid-area:1/1}.deck-b{border-left:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:1/2}.mix-col{border-right:none;grid-area:2/1/auto/3}}.deck-body{scrollbar-width:none;flex-direction:column;gap:clamp(4px,.8vh,7px);height:100%;padding:clamp(5px,1.2vw,10px);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(90px,18vh,160px);position:relative}.jog:active{cursor:grabbing}@media (orientation:landscape) and (max-height:600px){.jog{width:clamp(80px,14vh,120px)}}.pads-grid{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:clamp(3px,.5vw,5px);display:grid}.pad{aspect-ratio:1;border-radius:var(--r-sm);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;font-size:8px;font-weight:700;transition:transform 60ms,filter 60ms;display:flex;position:relative;overflow:hidden}.pad:active{filter:brightness(1.4);transform:scale(.82)}.stems{flex-shrink:0;grid-template-columns:1fr 1fr 1fr;gap:3px;display:grid}.stem-btn{border-radius:var(--r-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;padding:5px 2px;font-family:inherit;font-size:8px;font-weight:700;transition:all .1s;display:flex}.loops{flex-shrink:0;grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.loop-btn{border-radius:var(--r-xs);cursor:pointer;justify-content:center;align-items:center;padding:3px 0;font-family:inherit;font-size:8px;font-weight:700;transition:all .1s;display:flex}.mix-strip{scrollbar-width:none;align-items:center;gap:8px;height:100%;padding:6px 12px;display:flex;overflow:auto hidden}.mix-strip::-webkit-scrollbar{display:none}.mix-col-v{flex-direction:column;gap:6px;height:100%;padding:8px 5px;display:flex;overflow:hidden}::selection{background:var(--a-dim);color:var(--a-hi)}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:1px}