.dock{width:var(--dock-w);flex:none;background:var(--bg-panel);border-left:1px solid var(--dock-border);box-shadow:var(--dock-shadow);display:flex;flex-direction:column;min-height:0}.dock__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.dock__group{padding:16px 18px;border-bottom:1px solid var(--section-border);display:flex;flex-direction:column;gap:15px}.style{padding-bottom:14px;border-bottom:1px solid var(--section-border)}.style .section-band{margin-bottom:12px}.style__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px}.preset{position:relative;padding:8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border-default);display:flex;flex-direction:column;gap:8px;transition:background .12s ease-out,border-color .12s ease-out}.preset:hover{background:var(--surface-hover)}.preset[aria-checked=true]{background:var(--surface-3);border-color:var(--accent)}.preset__thumb{display:block;height:38px;border-radius:4px}.preset__text{display:flex;flex-direction:column;gap:2px}.preset__name{font-size:12px;font-weight:500;color:var(--ink-4)}.preset[aria-checked=true] .preset__name{color:var(--ink-1)}.preset__meta{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-dim)}.preset__dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.style-collapsed{padding:14px 18px;border-bottom:1px solid var(--section-border);display:flex;align-items:center;gap:10px}.style-collapsed__thumb{width:34px;height:26px;border-radius:4px;flex:none}.style-collapsed__text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.style-collapsed__name{font-size:12px;font-weight:500;color:var(--ink-1)}.style-collapsed__meta{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-dim)}.intensity{display:flex;flex-direction:column;gap:10px}.intensity__value{font-family:var(--font-mono);font-size:13px;color:var(--accent-text)}.fader{position:relative;height:34px;display:flex;align-items:center;background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;padding:0 12px;cursor:pointer;touch-action:none}.fader__track{position:absolute;left:12px;right:12px;height:4px;background:var(--track-2);border-radius:2px}.fader__fill{position:absolute;left:12px;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-warm));border-radius:2px}.fader__handle{position:absolute;width:16px;height:22px;border-radius:4px;background:var(--fader-cap);box-shadow:0 2px 6px #0009}.fader__stops{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;color:var(--ink-dim-3)}.axis{display:flex;flex-direction:column;gap:10px}.axis__meta{font-family:var(--font-mono);font-size:10px;color:var(--ink-chip)}.pad{position:relative;height:88px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.pad__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px}.pad__cross-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff1f}.pad__cross-h{position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1f}.pad__vector{position:absolute;left:50%;top:50%;height:2px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.25),var(--accent));transform-origin:left center;transition:width .18s ease-out}.pad__dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18)}.pad__badge{position:absolute;left:9px;top:8px;display:flex;align-items:center;gap:6px;padding:3px 7px;border-radius:4px;background:#0a0a0ccc;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--ink-muted);white-space:nowrap}.pad__badge-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.axis__caption{font-family:var(--font-mono);font-size:9.5px;line-height:1.5;color:var(--ink-muted)}.axis__chips{display:flex;gap:6px}.axis-chip{flex:1;padding:7px 0;text-align:center;border-radius:6px;background:var(--surface-2);border:1px solid var(--border-hairline);font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);transition:background .12s ease-out,color .12s ease-out}.axis-chip:hover{background:var(--surface-hover);color:var(--ink-3)}.axis-chip[aria-checked=true]{background:var(--surface-4);border-color:var(--border-strong);color:var(--ink-2)}.axis-strip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--surface-1);border:1px solid var(--border-default)}.axis-strip__value{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);white-space:nowrap}.axis-strip__divider{width:1px;height:14px;background:#ffffff17}.axis-strip__edit{font-family:var(--font-mono);font-size:10px;color:var(--ink-chip)}.axis-strip__edit:hover{color:var(--ink-2)}.speed{display:flex;flex-direction:column;gap:9px}.speed__head{display:flex;align-items:baseline;justify-content:space-between}.speed__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--ink-dim)}.speed__meta{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-muted)}.speed__rail{background:var(--surface-1);border-radius:7px}.speed__item{flex:1;justify-content:center;padding:6px 0;border-radius:5px;font-size:10px;color:var(--ink-dim)}.speed__item[aria-pressed=true]{background:var(--seg-strong-bg);color:var(--seg-strong-ink)}[data-theme=hardware] .speed__item[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.sens{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--accent-edge-soft)}.sens .param__label{color:var(--ink-2)}.sens__caption{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-dim)}.tuning__rows{padding:0 18px 12px;display:flex;flex-direction:column}.fxrow{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--row-border);cursor:pointer;transition:color .12s ease-out,background .12s ease-out}.fxrow-wrap:first-child .fxrow{border-top-color:transparent}.fxrow:hover .fxrow__name{color:var(--ink-2)}.fxrow__chevron{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim-3);width:10px;flex:none}.fxrow__name{font-size:12.5px;color:var(--row-ink);flex:1;transition:color .12s ease-out}.fxrow__summary{font-family:var(--font-mono);font-size:10px;color:var(--row-summary)}.fxrow[data-dim] .fxrow__name{color:var(--row-ink-dim)}.fxrow[data-open]{padding:11px 12px;margin-top:4px;border:1px solid var(--accent-edge);border-radius:8px 8px 0 0;background:var(--accent-tint-soft)}.fxrow[data-open] .fxrow__chevron{color:var(--accent)}.fxrow[data-open] .fxrow__name{color:var(--accent-text-on-tint);font-weight:600}.fxrow-wrap:has(+.fxrow-wrap .fxrow[data-open]) .fxrow,.fxrow-wrap:has(.drawer)+.fxrow-wrap .fxrow{border-top-color:transparent}.drawer{padding:14px;margin-bottom:12px;border-radius:0 0 8px 8px;background:var(--drawer-bg);border:1px solid var(--accent-edge);border-top:none;box-shadow:var(--shadow-drawer);display:flex;flex-direction:column;gap:14px}[data-theme=hardware] .drawer{background:#141416}.subtabs{display:flex;gap:6px}.subtab{padding:5px 10px;border-radius:5px;border:1px solid transparent;font-family:var(--font-mono);font-size:10px;color:var(--ink-dim);transition:color .12s ease-out,background .12s ease-out}.subtab:hover{color:var(--ink-3)}.subtab[aria-selected=true]{background:var(--surface-5);border-color:#ffffff1a;color:var(--ink-2)}.two-up{display:flex;gap:12px}.two-up>*{flex:1}.drawer__footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--border-hairline);font-family:var(--font-mono);font-size:10px}.drawer__stutter{color:var(--ink-dim);font:inherit}.drawer__stutter:hover,.drawer__stutter[aria-pressed=true]{color:var(--accent-text)}.drawer__reset{color:var(--ink-chip);font:inherit}.drawer__reset:hover{color:var(--ink-2)}.export{flex:none;border-top:1px solid var(--footer-border);background:var(--bg-footer);display:flex;flex-direction:column}.countdown{display:flex;align-items:center;gap:6px}.countdown__label{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-dim)}.countdown__ctl{display:flex;align-items:center;gap:6px;padding:3px 7px;border-radius:5px;background:var(--surface-3);border:1px solid var(--footer-border);font-family:var(--font-mono)}.countdown__ctl button{font-family:var(--font-mono);font-size:10px;color:var(--ink-dim);padding:0 2px}.countdown__ctl button:hover{color:var(--ink-2)}.countdown__value{font-size:11px;color:var(--accent-text);min-width:18px;text-align:center}.export__primary{display:flex;align-items:center;justify-content:center;gap:9px;height:40px;margin:14px 18px 0;border-radius:9px;background:var(--accent);color:var(--on-accent);transition:filter .12s ease-out,transform .1s ease-out}.export__primary:hover{filter:brightness(1.06)}.export__primary:active{transform:translateY(1px)}.export__primary[data-armed]{background:var(--danger);color:#fff}.export__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.export__title{font-size:13px;font-weight:600;letter-spacing:.01em}.export__meta{font-family:var(--font-mono);font-size:10px;opacity:.65}.export__row{display:flex;gap:8px;padding:10px 18px 16px}.export__secondary{flex:1;height:32px;border-radius:7px;background:var(--surface-3);border:1px solid var(--footer-border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-4);transition:background .12s ease-out}.export__secondary:hover{background:var(--surface-hover)}@media (max-width: 1100px){.app__body{position:relative}.dock{position:absolute;top:0;right:0;bottom:0;z-index:4;box-shadow:-18px 0 44px #0000008c}}.fxrow__reseed{width:26px;height:15px;border-radius:999px;background:var(--surface-4);border:1px solid var(--border-strong);font-size:10px;color:var(--ink-chip);display:flex;align-items:center;justify-content:center;flex:none;line-height:1}.fxrow__reseed:hover{color:var(--accent-text)}.swatch-row{display:flex;gap:6px}.swatch{width:26px;height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #fff3;cursor:pointer;position:relative}.swatch[aria-checked=true]{outline:2px solid var(--accent);outline-offset:1px}.swatch--custom{background:var(--surface-3);color:var(--ink-chip);font-family:var(--font-mono);font-size:12px;display:flex;align-items:center;justify-content:center}.swatch--custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.drawer__hint{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-dim);line-height:1.5}.export__primary[data-ready]{background:#2fbf71;color:#06170d}[data-theme=hardware] .export__primary[data-ready]{background:linear-gradient(180deg,#6fe3a3,#23a35c);color:#06170d;box-shadow:inset 0 1px #ffffff8c,0 4px #0f4a2a,0 10px 22px #2fbf7140}.export__discard{margin:8px 18px 0;font-family:var(--font-mono);font-size:10px;color:var(--ink-chip);text-align:center}.export__discard:hover{color:var(--ink-1)}.export__primary:disabled{opacity:.45;cursor:default;filter:none}.export__clipactions{display:flex;justify-content:space-between;gap:8px;margin:8px 18px 0}.export__clipactions .export__discard{margin:0}.export__discard:disabled{opacity:.4;cursor:default}.pads{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #000}.pad-slot{display:flex;flex-direction:column;gap:7px}.drumpad{position:relative;height:72px;border-radius:9px;background:var(--raised);border:1px solid var(--hw-border);box-shadow:var(--hw-hi),0 3px 0 var(--hard-base),var(--hw-drop);display:flex;align-items:flex-end;padding:9px;transition:box-shadow 80ms ease-out,transform 80ms ease-out}.drumpad:hover{box-shadow:inset 0 1px #fff3,0 3px 0 var(--hard-base),var(--hw-drop),0 0 0 1px #ffa23a2e}.drumpad:active{transform:translateY(2px);box-shadow:var(--hw-hi),0 0 0 var(--hard-base),var(--hw-drop-pressed)}.drumpad[data-lit]{background:var(--amber-dome);box-shadow:inset 0 1px #ffffff8c,inset 0 -6px 12px #7a4a1266,0 3px 0 var(--amber-base),0 10px 20px #ffa23a38}.drumpad[data-lit]:active{box-shadow:inset 0 1px #ffffff8c,inset 0 -6px 12px #7a4a1266,0 0 0 var(--amber-base),0 6px 14px #ffa23a38}.drumpad__led{position:absolute;top:8px;left:9px;width:7px;height:7px;border-radius:50%;background:var(--led-off)}.drumpad[data-lit] .drumpad__led{background:#fff3e0;box-shadow:0 0 10px #ffffffe6}.drumpad__id{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--silk-dim)}.drumpad[data-lit] .drumpad__id{color:var(--on-accent)}.pad-graphic{display:block;border-radius:3px}.pad-graphic--bars{display:flex;gap:2px;align-items:flex-end;height:22px}.pad-graphic--bars i{display:block;width:3px}.pad-slot__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;color:var(--silk)}.pad-slot__label[data-lit]{color:var(--accent-text)}.dials{padding:18px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #000}.dial{display:flex;flex-direction:column;align-items:center;gap:8px}.dial__face{position:relative;width:92px;height:92px;cursor:ns-resize;touch-action:none;border-radius:50%}.dial__ticks{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from -135deg,var(--dial-tick) 0deg .9deg,transparent .9deg 13.5deg)}.dial__arc{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%}.dial__knob{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#3a3a40,#17171a 72%);border:1px solid var(--hw-border);box-shadow:var(--hw-hi),0 6px 14px #000000a6;transition:box-shadow .12s ease-out}.dial__face:hover .dial__knob{box-shadow:var(--hw-hi),0 6px 14px #000000a6}.dial__pointer{position:absolute;left:50%;top:18px;width:2px;height:20px;margin-left:-1px;border-radius:1px;background:#ffc07a;box-shadow:0 0 9px #ffa23ae6;transform-origin:50% 28px}.dial__label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;color:var(--ink-3)}.dial__value{font-family:var(--font-mono);font-size:11px;color:var(--accent-text)}.lcd-section{padding:14px 18px;border-bottom:1px solid #000;display:flex;flex-direction:column;gap:9px}.lcd{padding:11px 12px;border-radius:6px;background:var(--lcd-ground);border:1px solid var(--hw-border);box-shadow:inset 0 3px 8px #000000e6;display:flex;flex-direction:column;gap:7px}.lcd__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.lcd__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--lcd-dim);white-space:nowrap}.lcd__value{font-family:var(--font-mono);font-size:11px;color:var(--lcd-lit);text-shadow:0 0 10px rgba(255,162,58,.6);white-space:nowrap}.lcd__hair{height:1px;background:#ffa23a29}.lcd__muted{font-family:var(--font-mono);font-size:10px;color:var(--silk)}.hw-btn{flex:1;padding:8px 0;text-align:center;border-radius:6px;background:var(--raised-soft);border:1px solid var(--hw-border);box-shadow:0 2px 0 var(--hard-base);font-family:var(--font-mono);font-size:11px;color:var(--silk);transition:box-shadow 80ms ease-out,transform 80ms ease-out,color .12s ease-out}.hw-btn:hover{box-shadow:var(--hw-hi),0 2px 0 var(--hard-base);color:var(--ink-3)}.hw-btn:active{transform:translateY(2px);box-shadow:none}.hw-btn[aria-checked=true]{background:var(--raised-active);box-shadow:var(--hw-hi),0 2px 0 var(--hard-base);color:var(--ink-1)}[data-theme=hardware] .tuning__rows{padding:6px 18px 12px}[data-theme=hardware] .fxrow{border-top-color:transparent;border-bottom:1px solid var(--row-border)}[data-theme=hardware] .fxrow-wrap:last-child .fxrow:not([data-open]){border-bottom-color:transparent}[data-theme=hardware] .fxrow__chevron{color:var(--silk-dim)}[data-theme=hardware] .fxrow[data-open]{border:1px solid var(--accent-edge);border-bottom:none}[data-theme=hardware] .sens{background:var(--lcd-ground);border-color:var(--hw-border);box-shadow:inset 0 3px 8px #000000e6}[data-theme=hardware] .countdown__ctl{border-radius:4px;background:var(--lcd-ground);border:1px solid var(--hw-border);box-shadow:inset 0 2px 5px #000000e6}[data-theme=hardware] .countdown__value{color:var(--lcd-lit)}[data-theme=hardware] .export__primary{height:44px;background:var(--amber-dome);color:var(--on-accent);border:1px solid var(--hw-border);box-shadow:inset 0 1px #ffffff8c,0 4px 0 var(--amber-base),0 10px 22px #ffa23a40;transition:transform 80ms ease-out,box-shadow 80ms ease-out}[data-theme=hardware] .export__primary:hover{filter:none;box-shadow:inset 0 1px #ffffffb3,0 4px 0 var(--amber-base),0 10px 22px #ffa23a4d}[data-theme=hardware] .export__primary:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff8c,0 2px 0 var(--amber-base),0 6px 14px #ffa23a40}[data-theme=hardware] .export__primary[data-armed]{background:linear-gradient(180deg,#ff7a6a,#c8322a);color:#fff;box-shadow:inset 0 1px #ffffff73,0 4px #5a1410,0 10px 22px #ff4a3d4d}[data-theme=hardware] .export__meta{opacity:.7}[data-theme=hardware] .export__row{padding:12px 18px 16px}[data-theme=hardware] .export__secondary{height:34px;background:var(--raised-btn);border:1px solid var(--hw-border);box-shadow:inset 0 1px #ffffff1a,0 3px 0 var(--hard-base);color:var(--ink-3);transition:transform 80ms ease-out,box-shadow 80ms ease-out}[data-theme=hardware] .export__secondary:hover{background:var(--raised-btn);box-shadow:var(--hw-hi),0 3px 0 var(--hard-base)}[data-theme=hardware] .export__secondary:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,0 1px 0 var(--hard-base)}[data-theme=hardware] .subtab[aria-selected=true]{background:var(--raised-active);border-color:var(--hw-border);box-shadow:var(--hw-hi)}[data-theme=hardware] .select{background:var(--raised-soft);border-color:var(--hw-border);box-shadow:var(--hw-hi),0 2px 0 var(--hard-base)}[data-theme=hardware] .range__fill{background:linear-gradient(90deg,#8a5a18,#ffa23a)}[data-theme=hardware] .range__track{background:var(--recessed);box-shadow:inset 0 1px 2px #000000e6}.dial__detent{position:absolute;left:50%;top:0;width:2px;height:6px;margin-left:-1px;border-radius:1px;background:var(--silk-dim);transform-origin:50% 46px;pointer-events:none}.stage{flex:1;position:relative;min-width:0;background:var(--bg-stage);overflow:hidden;-webkit-user-select:none;user-select:none}.stage{cursor:crosshair}.stage:has(.mouse[data-driving]){cursor:grabbing}.stage__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 50% 42%,var(--stage-vignette),transparent 70%);pointer-events:none}.stage__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.stage__readout{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted);pointer-events:none}.stage__chips{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:6px}.hudchip{padding:4px 8px;border-radius:4px;background:var(--hud-chip-bg);border:1px solid var(--hud-chip-border);font-family:var(--font-mono);font-size:10px;color:var(--hud-chip-ink);transition:color .12s ease-out,border-color .12s ease-out}.hudchip:hover:not(:disabled){color:var(--ink-2)}.hudchip[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent-edge-soft)}.hudchip:disabled{cursor:default}.artframe{position:absolute;box-shadow:var(--shadow-artwork);transition:width .18s ease-out,height .18s ease-out,left .18s ease-out,top .18s ease-out}.artframe__canvas{display:block;background:#0c0c0e}.artframe__border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(255,255,255,.1);pointer-events:none}[data-theme=hardware] .artframe__border{border-color:#ffffff17}.artframe:before{content:"";position:absolute;left:0;right:0;top:-9px;height:1px;background:#ffffff0f}.artframe__safe{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px dashed rgba(var(--accent-rgb),.45);pointer-events:none}.artframe__safe:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:50%}.mouse{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mouse__hline,.mouse__vline{position:absolute;background:rgba(var(--accent-rgb),.35)}.mouse__hline{left:0;right:0;height:1px}.mouse__vline{top:0;bottom:0;width:1px}.mouse__ghost{position:absolute;border-radius:50%}.mouse__cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--accent);background:rgba(var(--accent-rgb),.2)}.mouse__hud{position:absolute;display:flex;flex-direction:column;gap:4px;padding:7px 9px;border-radius:6px;background:var(--glass-strong);border:1px solid rgba(var(--accent-rgb),.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;white-space:nowrap}.mouse__hud-xy{color:var(--accent-text)}.mouse__hud-v{color:var(--ink-muted-2)}.mode-banner{position:absolute;left:50%;top:78px;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid rgba(var(--accent-rgb),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;white-space:nowrap}.mode-banner__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.mode-banner__text{color:var(--ink-2)}.mode-banner__exit{color:var(--ink-dim-5);font:inherit;letter-spacing:inherit;cursor:pointer}.mode-banner__exit:hover{color:var(--ink-2)}.transport{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-transport);max-width:calc(100% - 32px)}.transport__play{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff1f;flex:none;transition:transform .1s ease-out,filter .12s ease-out}.transport__play:hover{filter:brightness(1.08)}.transport__play:active{transform:scale(.96)}.transport__counter{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;flex:none}.transport__frame{color:var(--ink-2)}.transport__total{color:var(--ink-dim-4)}.transport__time{font-family:var(--font-mono);font-size:11px;color:var(--ink-chip);flex:none;min-width:52px}.transport__divider{width:1px;height:22px;background:#ffffff17;flex:none}.scrub{position:relative;width:460px;max-width:40vw;height:26px;display:flex;align-items:center;cursor:pointer;touch-action:none;flex:1 1 auto}.scrub__track{position:absolute;left:0;right:0;height:3px;background:var(--track);border-radius:2px}.scrub__fill{position:absolute;left:0;height:3px;background:var(--accent);border-radius:2px}.scrub__ticks{position:absolute;left:0;right:0;top:19px;height:5px;display:flex;justify-content:space-between}.scrub__ticks span{width:1px;height:5px;background:var(--tick)}.scrub__handle{position:absolute;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--knob);box-shadow:0 2px 8px #0009}.rec{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:9px;background:var(--surface-4);border:1px solid var(--border-default);transition:background .12s ease-out,border-color .12s ease-out;flex:none}.rec:hover{background:var(--surface-hover)}.rec__dot{width:9px;height:9px;border-radius:50%;background:var(--danger)}.rec__label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink-3);min-width:34px}.rec[data-armed]{background:#ff3b301f;border-color:#ff3b3080}.rec[data-armed] .rec__label{color:var(--danger-armed)}.rec[data-armed] .rec__dot{animation:rec-blink 1s steps(2,start) infinite}@keyframes rec-blink{to{opacity:.35}}.loop{width:30px;height:30px;border-radius:8px;background:var(--surface-4);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-chip);flex:none;transition:background .12s ease-out,color .12s ease-out}.loop:hover{background:var(--surface-hover)}.loop[aria-pressed=true]{color:var(--accent-text)}[data-theme=hardware] .transport{border-radius:12px;background:var(--topbar-bg);border:1px solid var(--hw-border);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=hardware] .transport__play{width:38px;height:38px;background:linear-gradient(180deg,#ffc07a,#e8871e);box-shadow:inset 0 1px #ffffff80,0 3px 0 var(--amber-base),var(--amber-glow)}[data-theme=hardware] .transport__play:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff80,0 1px 0 var(--amber-base),var(--amber-glow)}[data-theme=hardware] .transport__counter{padding:6px 10px;border-radius:5px;background:var(--lcd-ground);border:1px solid var(--hw-border);box-shadow:inset 0 2px 6px #000000e6}[data-theme=hardware] .transport__frame{font-size:12px;color:var(--lcd-lit);text-shadow:0 0 10px rgba(255,162,58,.7)}[data-theme=hardware] .transport__total{color:var(--lcd-dim)}[data-theme=hardware] .scrub{width:420px}[data-theme=hardware] .scrub__track{height:6px;border-radius:3px;background:var(--recessed);box-shadow:var(--hw-recess)}[data-theme=hardware] .scrub__fill{height:6px;border-radius:3px;background:linear-gradient(90deg,#8a5a18,#ffa23a)}[data-theme=hardware] .scrub__ticks{display:none}[data-theme=hardware] .scrub__handle{width:14px;height:22px;margin-left:-7px;border-radius:3px;background:linear-gradient(180deg,#e7e3da,#a8a49b);box-shadow:inset 0 1px #fff,0 3px 6px #000000b3}[data-theme=hardware] .transport__time{color:var(--silk)}[data-theme=hardware] .rec{padding:8px 12px;border-radius:8px;background:var(--rec-body);border:1px solid var(--hw-border);box-shadow:var(--hw-hi),0 3px 0 var(--hard-base)}[data-theme=hardware] .rec:active{transform:translateY(2px);box-shadow:var(--hw-hi)}[data-theme=hardware] .rec__dot{box-shadow:0 0 10px #ff4a3dcc}[data-theme=hardware] .rec__label{color:var(--rec-ink)}[data-theme=hardware] .rec[data-armed]{background:var(--rec-body-armed);border-color:#000}[data-theme=hardware] .loop{background:var(--raised-soft);border:1px solid var(--hw-border);box-shadow:0 2px 0 var(--hard-base)}.dropzone{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed rgba(var(--accent-rgb),.55);background:var(--scrim);pointer-events:none;text-align:center;padding:24px}.dropzone__glyph{font-family:var(--font-mono);font-size:34px;color:var(--accent)}.dropzone__title{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--ink-1)}.dropzone__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted)}.step{position:absolute;left:50%;top:78px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap;max-width:calc(100% - 40px)}.step__n{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--on-accent);background:var(--accent);border-radius:999px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.step__text{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}.stage[data-phase=empty]{cursor:default}.about-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.about{width:620px;max-width:100%;max-height:100%;overflow-y:auto;border-radius:14px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 30px 80px #0000008c;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.about__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--glass-border)}.about__brand{display:flex;align-items:center;gap:10px;color:var(--accent)}.about__title{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--ink-1)}.about__close{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-muted)}.about__close:hover{color:var(--ink-1)}.about__body{padding:18px 22px 22px;color:var(--ink-3);font-size:13px;line-height:1.6}.about__body p{margin:0 0 12px}.about__lede{font-size:14px;color:var(--ink-1)}.about__h{margin:18px 0 8px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;color:var(--accent-text)}.about__steps{margin:0 0 10px;padding-left:18px;display:flex;flex-direction:column;gap:6px}.about__steps b,.about__body b{color:var(--ink-1);font-weight:600}.about__keys{display:flex;flex-wrap:wrap;gap:8px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-muted)}.about__cta{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding:10px 16px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-decoration:none;transition:filter .12s ease-out,transform .1s ease-out}.about__cta:hover{filter:brightness(1.06)}.about__cta:active{transform:translateY(1px)}.about__cta-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.about__cta-arrow{font-family:var(--font-ui)}[data-theme=hardware] .about__cta{background:var(--amber-dome);border:1px solid var(--hw-border);box-shadow:inset 0 1px #ffffff8c,0 3px 0 var(--amber-base)}[data-theme=hardware] .about__cta:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff8c,0 1px 0 var(--amber-base)}.tip{position:fixed;z-index:100;transform:translateY(-100%);width:max-content;max-width:280px;padding:7px 10px;border-radius:7px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 10px 26px #0009;display:flex;flex-direction:column;gap:3px;pointer-events:none;animation:tip-in .12s ease-out}.tip:not([data-above]){transform:none}.tip__title{font-size:12px;color:var(--ink-1)}.tip__body{font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--ink-muted)}@keyframes tip-in{0%{opacity:0}}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:16px;padding:0 14px 0 16px;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);box-shadow:var(--topbar-shadow);position:relative;z-index:5}.topbar__brand{display:flex;align-items:center;gap:9px}.indicia{display:block;color:var(--accent);filter:drop-shadow(var(--brand-glow-drop, 0 0 0 transparent));flex:none}[data-theme=hardware][data-scheme=dark] .indicia{filter:drop-shadow(0 0 5px rgba(255,162,58,.55))}.topbar__name{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--brand-ink)}.topbar__model{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;color:var(--silk-dim)}.filechip{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 7px;background:var(--bg-chip);border:1px solid var(--chip-border);border-radius:5px;box-shadow:var(--chip-shadow);transition:background .12s ease-out;max-width:320px}.filechip:hover{background:var(--surface-hover)}.filechip__thumb{width:14px;height:14px;border-radius:2px;background:linear-gradient(135deg,var(--accent),#2a2a2e);background-size:cover;background-position:center;flex:none}.filechip__name{font-size:11.5px;color:var(--file-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filechip__meta{font-family:var(--font-mono);font-size:10px;color:var(--file-meta);white-space:nowrap}.motion{display:flex;align-items:center;gap:8px}.motion__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted)}.motion__item{padding:5px 10px;font-size:10px;letter-spacing:.1em}.motion__glyph{font-size:11px;font-family:var(--font-ui);letter-spacing:0}[data-theme=studio] .motion__item[aria-pressed=true]{color:var(--on-accent)}.settings{position:relative}.settings__btn{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:5px;background:var(--bg-chip);border:1px solid var(--chip-border);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-chip);transition:background .12s ease-out,color .12s ease-out}.settings__btn:hover,.settings__btn[aria-expanded=true]{background:var(--surface-hover);color:var(--ink-2)}.settings__pop{position:absolute;top:calc(100% + 8px);right:0;width:280px;padding:12px;display:flex;flex-direction:column;gap:10px;border-radius:9px;background:var(--bg-panel);border:1px solid var(--border-strong);box-shadow:var(--shadow-transport);z-index:20}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings__k{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted)}.settings__zen{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;background:var(--accent);color:var(--on-accent)}.settings__kbd{opacity:.7}.settings__hint{font-family:var(--font-mono);font-size:9.5px;line-height:1.5;color:var(--ink-muted);padding-top:8px;border-top:1px solid var(--border-hairline)}.art{position:relative}.art__pop{left:0;right:auto;width:300px}.art__load{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;background:var(--accent);color:var(--on-accent)}.art .param__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted)}.motion__hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-chip);padding:5px 10px;border-radius:5px;background:var(--bg-chip);border:1px solid var(--chip-border)}.filechip__caret{font-family:var(--font-mono);font-size:9px;color:var(--ink-chip)}.art__queue{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;scrollbar-width:thin}.art__item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:5px;background:var(--surface-1);border:1px solid var(--border-default)}.art__n{font-family:var(--font-mono);font-size:9.5px;color:var(--accent);width:12px}.art__thumb{width:22px;height:22px;border-radius:3px;background:#333 center / cover;flex:none}.art__name{flex:1;min-width:0;font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art__mini{font-family:var(--font-mono);font-size:10px;color:var(--ink-chip);width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center}.art__mini:hover:not(:disabled){background:var(--surface-hover);color:var(--ink-1)}.art__mini:disabled{opacity:.3;cursor:default}.art__loadrow{display:flex;gap:8px;align-items:center}.art__loadrow .art__load{flex:1}.ghost-btn:disabled{opacity:.35;cursor:default}.zen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-stage);overflow:hidden;-webkit-user-select:none;user-select:none}.zen__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 50% 45%,var(--stage-vignette),transparent 72%)}.zen__art{box-shadow:0 40px 110px #000000b3}.zen__art:before{display:none}.zen__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim-zen);transition:opacity .18s ease-out;pointer-events:none}.rail,.zen-dots,.zen-scrub,.zen-counter,.zen-hints{transition:opacity .18s ease-out}.rail{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:58px;padding:8px 0;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff12,0 18px 40px #0009;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3}.rail__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 0;width:44px;border-radius:9px;transition:background .12s ease-out}.rail__item:hover{background:#ffffff0d}.rail__glyph{font-family:var(--font-mono);font-size:14px;color:var(--ink-3);line-height:1}.rail__item[data-id=rec] .rail__glyph{font-size:12px;color:#ff6a5a}.rail__item[data-id=save] .rail__glyph{font-size:12px}.rail__caption{font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;color:var(--ink-muted)}.rail__item[data-active]{background:var(--accent);box-shadow:inset 0 1px #ffffff80,0 2px #00000080}[data-theme=hardware] .rail__item[data-active]{background:var(--amber-dome);box-shadow:inset 0 1px #ffffff80,0 2px 0 var(--amber-base)}.rail__item[data-active] .rail__glyph,.rail__item[data-active] .rail__caption{color:var(--on-accent)}.rail__divider{width:28px;height:1px;background:#ffffff1a;margin:5px 0}.rail__tip{position:absolute;left:52px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 10px 26px #0009;white-space:nowrap;pointer-events:none}.rail__tip-name{font-size:12px;color:var(--ink-1)}.rail__tip-key{font-family:var(--font-mono);font-size:10px;color:var(--ink-muted)}.zen-dots{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;align-items:center;pointer-events:none}.zen-dots span{width:4px;height:4px;border-radius:50%;background:#7a756c}.zen-dots span[data-active]{background:var(--accent)}.zen-scrub{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff12;pointer-events:none}.zen-scrub__fill{position:absolute;left:0;height:2px;background:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.7)}.zen-scrub__head{position:absolute;bottom:0;width:2px;height:10px;background:var(--accent-warm);box-shadow:0 0 12px rgba(var(--accent-rgb),.9)}.zen-counter{position:absolute;left:24px;bottom:20px;display:flex;align-items:baseline;gap:10px;font-family:var(--font-mono);pointer-events:none}.zen-counter__frame{font-size:12px;color:var(--accent-text-on-tint)}[data-theme=studio] .zen-counter__frame{color:var(--accent-text)}.zen-counter__rest{font-size:11px;color:var(--ink-muted)}.zen-hints{position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted);pointer-events:none}.palette-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30}.palette{position:absolute;left:50%;top:120px;transform:translate(-50%);width:600px;max-width:calc(100% - 32px);border-radius:14px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 30px 80px #000000bf;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column}.palette[data-zen]{left:calc(50% + 26px)}.palette__input{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.palette__k{font-family:var(--font-mono);font-size:13px;color:var(--accent-text)}.palette__query{flex:1;outline:none!important;min-width:0;background:none;border:0;outline:none;font-size:16px;color:var(--ink-1);caret-color:var(--accent);padding:0}.palette__query::placeholder{color:var(--ink-dim)}.palette__count{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-muted-2);white-space:nowrap}.palette__list{padding:8px 8px 6px;max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.palette__group{padding:6px 10px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;color:var(--ink-muted-2)}.palette__group:not(:first-child){padding-top:10px}.palette__empty{padding:18px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-dim)}.cmd{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:9px;border:1px solid transparent;cursor:pointer}.cmd[aria-selected=true]{background:var(--accent-tint-soft);border-color:var(--accent-edge)}.cmd__glyph{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted-2);width:16px;text-align:center;flex:none}.cmd[aria-selected=true] .cmd__glyph{color:var(--accent-text-on-tint)}[data-theme=studio] .cmd[aria-selected=true] .cmd__glyph{color:var(--accent-text)}.cmd__swatch{width:16px;height:16px;border-radius:3px;flex:none}.cmd__label{flex:1;font-size:14px;color:var(--ink-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd[aria-selected=true] .cmd__label{color:var(--ink-1)}.cmd__slider{position:relative;width:150px;height:4px;border-radius:2px;background:var(--track-2);flex:none}.cmd__slider-fill{position:absolute;left:0;height:4px;border-radius:2px;background:var(--accent)}.cmd__slider-knob{position:absolute;top:-4px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--knob-2)}.cmd__value{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted-2);min-width:34px;text-align:right}.cmd[aria-selected=true] .cmd__value{color:var(--accent-text-on-tint)}[data-theme=studio] .cmd[aria-selected=true] .cmd__value{color:var(--accent-text)}.cmd__hint{font-family:var(--font-mono);font-size:10px;color:var(--ink-muted-2)}.palette__footer{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--glass-deep);border-top:1px solid var(--glass-border);font-family:var(--font-mono);font-size:10px;color:var(--ink-muted-2)}.palette__footer-zen{color:var(--accent-text-on-tint)}[data-theme=studio] .palette__footer-zen{color:var(--accent-text)}[data-theme=studio]{--bg-app: #0a0a0c;--bg-stage: #07070a;--bg-panel: #0e0e10;--bg-band: #0b0b0d;--bg-footer: #101013;--bg-chip: #16161a;--surface-1: #131316;--surface-2: #141417;--surface-3: #17171b;--surface-4: #1c1c21;--surface-5: #1f1f25;--surface-hover: #1a1a1f;--border-hairline: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .09);--border-frame: rgba(255, 255, 255, .08);--track: #24242a;--track-2: #23232a;--track-fill-neutral: #6e6e78;--tick: #2e2e35;--accent: #ff5a1f;--accent-warm: #ffb03a;--accent-rgb: 255, 90, 31;--accent-tint: rgba(255, 90, 31, .13);--accent-tint-soft: rgba(255, 90, 31, .1);--accent-edge: rgba(255, 90, 31, .35);--accent-edge-soft: rgba(255, 90, 31, .28);--accent-text-on-tint: #ffb08a;--ink-1: #f2f2f2;--ink-2: #ededf2;--ink-3: #c8c8ce;--ink-4: #d6d6dc;--ink-row: #b8b8c0;--ink-muted: #9a9aa2;--ink-muted-2: #8a8a92;--ink-chip: #83838a;--ink-chip-2: #7c7c84;--ink-dim: #6c6c74;--ink-dim-2: #57575e;--ink-dim-3: #4e4e56;--ink-dim-4: #55555c;--ink-dim-5: #6a6a72;--danger: #ff3b30;--danger-armed: #ff6a60;--on-accent: #120c06;--on-accent-2: #100c07;--knob: #f5f5f7;--knob-2: #ededf2;--shadow-artwork: 0 30px 80px rgba(0, 0, 0, .6);--shadow-transport: 0 18px 44px rgba(0, 0, 0, .55);--shadow-drawer: 0 0 0 1px rgba(255, 90, 31, .08), 0 14px 28px rgba(0, 0, 0, .45);--shadow-knob: 0 2px 8px rgba(0, 0, 0, .6);--stage-vignette: rgba(255, 255, 255, .045);--topbar-bg: #0e0e10;--topbar-border: rgba(255, 255, 255, .07);--topbar-shadow: none;--chip-border: rgba(255, 255, 255, .07);--chip-shadow: none;--hud-chip-bg: rgba(20, 20, 24, .8);--hud-chip-border: rgba(255, 255, 255, .07);--hud-chip-ink: #7c7c84;--seg-bg: #16161a;--seg-border: rgba(255, 255, 255, .07);--seg-active-bg: var(--accent);--seg-active-ink: var(--on-accent-2);--seg-inactive-ink: #83838a;--dock-border: rgba(255, 255, 255, .07);--dock-shadow: none;--band-border: rgba(255, 255, 255, .06);--band-title: #c8c8ce;--band-meta: #8a8a92;--section-border: rgba(255, 255, 255, .06);--row-border: rgba(255, 255, 255, .06);--row-ink: #c8c8ce;--row-ink-dim: #7c7c84;--row-summary: #9a9aa2;--footer-border: rgba(255, 255, 255, .08);--file-ink: #c8c8ce;--file-meta: #57575e;--brand-ink: #f2f2f2;--brand-glow: none;--scrollbar: #2e2e35;--accent-text: #ff5a1f;--glass: rgba(18, 18, 21, .88);--glass-strong: rgba(14, 14, 16, .96);--glass-deep: rgba(10, 10, 12, .9);--glass-border: rgba(255, 255, 255, .1);--scrim: rgba(8, 8, 10, .55);--scrim-zen: rgba(6, 6, 8, .55);--drawer-bg: #121215;--fader-cap: linear-gradient(180deg, #f7f7f9, #c9c9d0);--seg-strong-bg: #ededf2;--seg-strong-ink: #121215;--toggle-off: #26262c;--toggle-knob-off: #6c6c74;--toggle-knob-shadow: none;--hw-border: rgba(255, 255, 255, .09);--hw-hi: inset 0 1px 0 rgba(255, 255, 255, .1);--hw-recess: inset 0 2px 4px rgba(0, 0, 0, .9);--hw-drop: 0 8px 16px rgba(0, 0, 0, .5);--hw-drop-pressed: 0 4px 10px rgba(0, 0, 0, .5);--silk: #9a968f;--silk-dim: #8c877f;--dial-tick: #55534e;--rec-body: linear-gradient(180deg, #2a1a1a, #1a1214);--rec-body-armed: linear-gradient(180deg, #4a1e1a, #2a1214);--rec-ink: #e8d9d6}[data-theme=hardware]{--bg-app: #0c0c0d;--bg-stage: #08080a;--bg-panel: #121214;--bg-band: #0e0e10;--bg-footer: #101012;--bg-chip: #17171a;--surface-1: #17171a;--surface-2: #1a1a1d;--surface-3: #1f1f22;--surface-4: #26262a;--surface-5: #2a2a2e;--surface-hover: #222226;--border-hairline: rgba(255, 255, 255, .05);--border-default: #000;--border-strong: #000;--border-frame: #000;--track: #0c0c0d;--track-2: #26262a;--track-fill-neutral: #8a5a18;--tick: #2e2e32;--accent: #ffa23a;--accent-warm: #ffc07a;--accent-rgb: 255, 162, 58;--accent-tint: rgba(255, 162, 58, .14);--accent-tint-soft: rgba(255, 162, 58, .12);--accent-edge: rgba(255, 162, 58, .35);--accent-edge-soft: rgba(255, 162, 58, .28);--accent-text-on-tint: #ffb45a;--ink-1: #edebe6;--ink-2: #edebe6;--ink-3: #d6d2ca;--ink-4: #d6d2ca;--ink-row: #c4c0b8;--ink-muted: #a8a49b;--ink-muted-2: #9a968f;--ink-chip: #9a968f;--ink-chip-2: #9a968f;--ink-dim: #9a968f;--ink-dim-2: #9a968f;--ink-dim-3: #8c877f;--ink-dim-4: #d8a868;--ink-dim-5: #9a968f;--danger: #ff4a3d;--danger-armed: #ff8a80;--on-accent: #1a1205;--on-accent-2: #1a1205;--knob: #e7e3da;--knob-2: #f2efe8;--shadow-artwork: 0 30px 80px rgba(0, 0, 0, .65);--shadow-transport: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 44px rgba(0, 0, 0, .6);--shadow-drawer: 0 0 0 1px rgba(255, 162, 58, .08), 0 14px 28px rgba(0, 0, 0, .45);--shadow-knob: inset 0 1px 0 #fff, 0 3px 6px rgba(0, 0, 0, .7);--stage-vignette: rgba(255, 162, 58, .05);--topbar-bg: linear-gradient(180deg, #1b1b1e, #121214);--topbar-border: #000;--topbar-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);--chip-border: #000;--chip-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);--hud-chip-bg: #141416;--hud-chip-border: #000;--hud-chip-ink: #9a968f;--seg-bg: #17171a;--seg-border: #000;--seg-active-bg: var(--accent);--seg-active-ink: var(--on-accent);--seg-inactive-ink: #9a968f;--dock-border: #000;--dock-shadow: inset 1px 0 0 rgba(255, 255, 255, .05);--band-border: #000;--band-title: #d6d2ca;--band-meta: #9a968f;--section-border: #000;--row-border: rgba(255, 255, 255, .05);--row-ink: #edebe6;--row-ink-dim: #c4c0b8;--row-summary: #9a968f;--footer-border: #000;--file-ink: #d6d2ca;--file-meta: #9a968f;--brand-ink: #edebe6;--brand-glow: 0 0 10px rgba(255, 162, 58, .8);--scrollbar: #2e2e32;--raised: linear-gradient(180deg, #2e2e33, #1a1a1d);--raised-active: linear-gradient(180deg, #3a3a40, #222226);--raised-soft: linear-gradient(180deg, #26262a, #1a1a1d);--raised-btn: linear-gradient(180deg, #2a2a2e, #1a1a1d);--recessed: #0c0c0d;--lcd-ground: #0a0b08;--lcd-lit: #ffb45a;--lcd-dim: #d8a868;--amber-dome: linear-gradient(180deg, #ffc776, #e8871e);--amber-base: #7a4a12;--amber-glow: 0 0 18px rgba(255, 162, 58, .45);--hard-base: #0a0a0b;--led-off: #3a3a3e;--accent-text: #ffb45a;--glass: rgba(18, 18, 20, .92);--glass-strong: rgba(16, 16, 18, .97);--glass-deep: rgba(10, 10, 12, .9);--glass-border: rgba(255, 255, 255, .1);--scrim: rgba(8, 8, 10, .55);--scrim-zen: rgba(6, 6, 8, .55);--drawer-bg: #141416;--fader-cap: linear-gradient(180deg, #f7f7f9, #c9c9d0);--seg-strong-bg: var(--accent);--seg-strong-ink: var(--on-accent);--toggle-off: #26262c;--toggle-knob-off: #6c6c74;--toggle-knob-shadow: none;--hw-border: #000;--hw-hi: inset 0 1px 0 rgba(255, 255, 255, .12);--hw-recess: inset 0 2px 4px rgba(0, 0, 0, .9);--hw-drop: 0 8px 16px rgba(0, 0, 0, .5);--hw-drop-pressed: 0 4px 10px rgba(0, 0, 0, .5);--silk: #9a968f;--silk-dim: #8c877f;--dial-tick: #55534e;--rec-body: linear-gradient(180deg, #2a1a1a, #1a1214);--rec-body-armed: linear-gradient(180deg, #4a1e1a, #2a1214);--rec-ink: #e8d9d6}[data-theme=hardware][data-scheme=light]{--bg-app: #cac6bc;--bg-stage: #cac6bc;--bg-panel: #e8e5de;--bg-band: #dedad2;--bg-footer: #e2dfd7;--bg-chip: #f2f0ea;--surface-1: #f2f0ea;--surface-2: #ece9e2;--surface-3: #e4e1d9;--surface-4: #dcd8cf;--surface-5: #d4d0c6;--surface-hover: #f7f5f0;--border-hairline: rgba(0, 0, 0, .08);--border-default: #b6b1a6;--border-strong: #b6b1a6;--border-frame: #b6b1a6;--track: #c9c5bb;--track-2: #d8d4ca;--track-fill-neutral: #8a5a18;--tick: #b6b1a6;--accent-tint: rgba(255, 162, 58, .22);--accent-tint-soft: rgba(255, 162, 58, .16);--accent-text-on-tint: #9a4b08;--ink-1: #1f1e1b;--ink-2: #1f1e1b;--ink-3: #38352f;--ink-4: #38352f;--ink-row: #45423b;--ink-muted: #5e5b54;--ink-muted-2: #5e5b54;--ink-chip: #5e5b54;--ink-chip-2: #5e5b54;--ink-dim: #6b675f;--ink-dim-2: #6b675f;--ink-dim-3: #6b675f;--ink-dim-4: #d8a868;--ink-dim-5: #6b675f;--shadow-artwork: 0 24px 60px rgba(70, 60, 45, .3);--shadow-transport: inset 0 1px 0 rgba(255, 255, 255, .9), 0 6px 14px rgba(70, 60, 45, .16);--shadow-drawer: 0 0 0 1px rgba(255, 162, 58, .12), 0 12px 24px rgba(70, 60, 45, .16);--shadow-knob: inset 0 1px 0 #fff, 0 2px 4px rgba(70, 60, 45, .35);--stage-vignette: rgba(255, 162, 58, .16);--topbar-bg: linear-gradient(180deg, #fdfcf9, #edeae3);--topbar-border: #b6b1a6;--topbar-shadow: inset 0 1px 0 rgba(255, 255, 255, .95);--chip-border: #b6b1a6;--chip-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);--hud-chip-bg: #f2f0ea;--hud-chip-border: #b6b1a6;--hud-chip-ink: #5e5b54;--seg-bg: #f2f0ea;--seg-border: #b6b1a6;--seg-inactive-ink: #5e5b54;--dock-border: #b6b1a6;--dock-shadow: inset 1px 0 0 rgba(255, 255, 255, .8);--band-border: #b6b1a6;--band-title: #38352f;--band-meta: #5e5b54;--section-border: #b6b1a6;--row-border: rgba(0, 0, 0, .08);--row-ink: #1f1e1b;--row-ink-dim: #45423b;--row-summary: #5e5b54;--footer-border: #b6b1a6;--file-ink: #38352f;--file-meta: #5e5b54;--brand-ink: #1f1e1b;--scrollbar: #b6b1a6;--raised: linear-gradient(180deg, #fcfbf8, #ddd9d1);--raised-active: linear-gradient(180deg, #ffffff, #e4e0d8);--raised-soft: linear-gradient(180deg, #f6f4ef, #dfdbd3);--raised-btn: linear-gradient(180deg, #f6f4ef, #dfdbd3);--recessed: #c9c5bb;--hard-base: #bfbaaf;--led-off: #b6b1a6;--accent-text: #9a4b08;--glass: rgba(255, 255, 255, .9);--glass-strong: rgba(255, 255, 255, .95);--glass-deep: rgba(245, 243, 238, .95);--glass-border: rgba(0, 0, 0, .12);--scrim: rgba(202, 198, 188, .6);--scrim-zen: rgba(202, 198, 188, .55);--drawer-bg: #f2f0ea;--hw-border: #b6b1a6;--hw-hi: inset 0 1px 0 rgba(255, 255, 255, .92);--hw-recess: inset 0 2px 4px rgba(70, 60, 45, .28);--hw-drop: 0 6px 14px rgba(70, 60, 45, .16);--hw-drop-pressed: 0 3px 8px rgba(70, 60, 45, .16);--silk: #5e5b54;--silk-dim: #6b675f;--dial-tick: #8a857a;--rec-body: linear-gradient(180deg, #f6e7e4, #e4d2ce);--rec-body-armed: linear-gradient(180deg, #f9d9d3, #ebbdb5);--rec-ink: #6b2a22}[data-theme=studio][data-scheme=light]{--bg-app: #efece5;--bg-stage: #e4e0d7;--bg-panel: #fbf9f5;--bg-band: #f2efe8;--bg-footer: #f7f4ee;--bg-chip: #f2efe8;--surface-1: #f2efe8;--surface-2: #f7f4ee;--surface-3: #efece4;--surface-4: #e7e3da;--surface-5: #e2ded4;--surface-hover: #e7e3da;--border-hairline: rgba(0, 0, 0, .09);--border-default: rgba(0, 0, 0, .11);--border-strong: rgba(0, 0, 0, .16);--border-frame: rgba(0, 0, 0, .12);--track: #d8d3c8;--track-2: #d8d3c8;--track-fill-neutral: #8a8579;--tick: #c9c4b8;--accent-tint: rgba(255, 90, 31, .14);--accent-tint-soft: rgba(255, 90, 31, .1);--accent-text-on-tint: #c2410c;--ink-1: #17171a;--ink-2: #17171a;--ink-3: #3c3a36;--ink-4: #3c3a36;--ink-row: #46433e;--ink-muted: #5e5b55;--ink-muted-2: #5e5b55;--ink-chip: #5e5b55;--ink-chip-2: #5e5b55;--ink-dim: #6b675f;--ink-dim-2: #8a8579;--ink-dim-3: #9a958a;--ink-dim-4: #8a8579;--ink-dim-5: #6b675f;--knob: #17171a;--knob-2: #17171a;--shadow-artwork: 0 24px 60px rgba(60, 50, 35, .28);--shadow-transport: 0 14px 34px rgba(60, 50, 35, .2);--shadow-drawer: 0 0 0 1px rgba(255, 90, 31, .1), 0 12px 24px rgba(60, 50, 35, .16);--shadow-knob: 0 2px 6px rgba(60, 50, 35, .3);--stage-vignette: rgba(0, 0, 0, .045);--topbar-bg: #fbf9f5;--topbar-border: rgba(0, 0, 0, .11);--chip-border: rgba(0, 0, 0, .11);--hud-chip-bg: rgba(255, 255, 255, .85);--hud-chip-border: rgba(0, 0, 0, .11);--hud-chip-ink: #5e5b55;--seg-bg: #f2efe8;--seg-border: rgba(0, 0, 0, .11);--seg-inactive-ink: #5e5b55;--dock-border: rgba(0, 0, 0, .11);--band-border: rgba(0, 0, 0, .09);--band-title: #3c3a36;--band-meta: #5e5b55;--section-border: rgba(0, 0, 0, .09);--row-border: rgba(0, 0, 0, .09);--row-ink: #3c3a36;--row-ink-dim: #8a8579;--row-summary: #5e5b55;--footer-border: rgba(0, 0, 0, .11);--file-ink: #3c3a36;--file-meta: #5e5b55;--brand-ink: #17171a;--scrollbar: #c9c4b8;--accent-text: #c2410c;--glass: rgba(255, 255, 255, .88);--glass-strong: rgba(255, 255, 255, .95);--glass-deep: rgba(247, 244, 238, .95);--glass-border: rgba(0, 0, 0, .12);--scrim: rgba(228, 224, 215, .6);--scrim-zen: rgba(228, 224, 215, .55);--drawer-bg: #f6f3ec;--fader-cap: linear-gradient(180deg, #4a4843, #26241f);--seg-strong-bg: #17171a;--seg-strong-ink: #fbf9f5;--toggle-off: #d8d3c8;--toggle-knob-off: #fbf9f5;--toggle-knob-shadow: 0 1px 2px rgba(60, 50, 35, .35)}[data-scheme=light] .stage__grid,[data-scheme=light] .pad__grid{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}[data-scheme=light] .divider-v,[data-scheme=light] .transport__divider,[data-scheme=light] .axis-strip__divider,[data-scheme=light] .pad__cross-v,[data-scheme=light] .pad__cross-h{background:#00000024}[data-scheme=light] .artframe__border{border-color:#0000002e}[data-scheme=light] .artframe:before{background:#00000014}[data-scheme=light] .pad__badge{background:#ffffffd9}[data-scheme=light] .subtab[aria-selected=true]{border-color:#0000001f}[data-scheme=light] .transport__play{box-shadow:inset 0 0 0 1px #00000014}[data-theme=hardware][data-scheme=light] .transport__frame{color:var(--lcd-lit)}[data-theme=hardware][data-scheme=light] .transport__total{color:var(--lcd-dim)}[data-theme=hardware][data-scheme=light] .rec__label{color:var(--rec-ink)}:root{--font-ui: Geist, "Helvetica Neue", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--dock-w: 352px;--topbar-h: 48px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-stage, #08080a);color:var(--ink-1, #f2f2f2);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}button:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}input{font:inherit}.mono{font-family:var(--font-mono)}.app{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-app);color:var(--ink-1);overflow:hidden;position:relative}.app__body{flex:1;display:flex;min-height:0}.divider-v{width:1px;height:18px;background:#ffffff17;flex:none}.seg{display:flex;padding:2px;gap:2px;background:var(--seg-bg);border:1px solid var(--seg-border);border-radius:6px;box-shadow:var(--chip-shadow)}.seg__item{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--seg-inactive-ink);transition:background .12s ease-out,color .12s ease-out;white-space:nowrap}.seg__item:hover{color:var(--ink-3)}.seg__item[aria-pressed=true]{background:var(--seg-active-bg);color:var(--seg-active-ink);font-weight:500}.badge{font-family:var(--font-mono);font-size:9.5px;font-weight:500;color:var(--accent-text);background:var(--accent-tint);border-radius:3px;padding:2px 5px;line-height:1.2}.section-band{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--bg-band);border-bottom:1px solid var(--band-border);flex:none}.section-band__title{display:flex;align-items:center;gap:7px}.section-band__name{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--band-title)}.section-band__meta{font-family:var(--font-mono);font-size:9.5px;color:var(--band-meta)}.section-head{display:flex;align-items:baseline;justify-content:space-between}.range{position:relative;height:11px;display:flex;align-items:center;cursor:pointer;touch-action:none}.range__track{position:absolute;left:0;right:0;height:2px;background:var(--track);border-radius:1px}.range__fill{position:absolute;left:0;height:2px;background:var(--track-fill-neutral);border-radius:1px}.range__knob{position:absolute;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--knob-2);box-shadow:var(--shadow-knob)}.range--accent .range__track{height:3px}.range--accent .range__fill{height:3px;background:var(--accent)}.range--accent .range__knob{width:11px;height:11px;margin-left:-5.5px;background:var(--knob)}.param{display:flex;flex-direction:column;gap:7px;min-width:0}.param__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.param__label{font-size:12px;color:var(--ink-row)}.param__value{font-family:var(--font-mono);font-size:11px;color:var(--accent-text)}.select{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:var(--surface-3);border:1px solid var(--border-strong);font-size:12px;color:var(--ink-2);cursor:pointer}.select:hover{background:var(--surface-hover)}.select__caret{font-family:var(--font-mono);font-size:10px;color:var(--ink-dim)}.select select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.switch{position:relative;width:26px;height:15px;border-radius:999px;background:var(--toggle-off);flex:none;transition:background .12s ease-out}.switch__knob{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--toggle-knob-off);box-shadow:var(--toggle-knob-shadow);transition:transform .12s ease-out,background .12s ease-out}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] .switch__knob{transform:translate(11px);background:var(--on-accent)}[data-theme=hardware] .switch{width:30px;height:16px;border-radius:3px;background:var(--recessed);border:1px solid var(--hw-border);box-shadow:var(--hw-recess)}[data-theme=hardware] .switch__knob{top:1px;left:1px;bottom:1px;width:14px;height:auto;border-radius:2px;background:linear-gradient(180deg,#43434a,#26262a)}[data-theme=hardware] .switch[aria-checked=true]{background:var(--recessed)}[data-theme=hardware] .switch[aria-checked=true] .switch__knob{transform:translate(13px);background:var(--amber-dome);box-shadow:0 0 8px #ffa23a99}.ghost-btn{font-family:var(--font-mono);font-size:10px;color:var(--ink-chip);padding:4px 8px;border:1px solid var(--border-strong);border-radius:5px;transition:background .12s ease-out,color .12s ease-out}.ghost-btn:hover{background:var(--surface-hover);color:var(--ink-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}