:root{--bg-desk: #060608;--bg-chassis: #0C0C10;--bg-panel: #141418;--bg-surface: #1E1E24;--bg-recessed: #08080C;--bg-overlay: rgba(6, 6, 8, .92);--bg-input: #101014;--bg-button: #1A1A20;--bg-button-hover: #242428;--bg-button-active: #2E2E34;--bg-section: #141418;--bg-pad: #16161C;--bg-oled: #001012;--accent-primary: #FF7033;--accent-primary-dim: #D45820;--accent-primary-dark: #993D00;--accent-primary-bg: #1A100A;--accent-red: #FF7033;--accent-red-error: #FF4444;--accent-red-record: #661100;--accent-green: #FFD000;--accent-green-dim: #141418;--accent-blue: #4299E1;--accent-cyan: #00E8C0;--text-primary: #F0ECE4;--text-secondary: #C0B8A8;--text-muted: #908880;--text-ghost: #686060;--text-brand: #FF7033;--border-panel: #2A2A30;--border-subtle: #1E1E24;--border-strong: #3A3A42;--border-input: #2A2A30;--border-focus: #FF7033;--border-control: #2A2A30;--font-primary: "IBM Plex Mono", "Space Mono", "Courier New", monospace;--font-mono: "IBM Plex Mono", "Space Mono", "Courier New", monospace;--shadow-raised: 0 2px 8px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .02);--shadow-recessed: inset 0 2px 6px rgba(0, 0, 0, .6), inset 0 1px 2px rgba(0, 0, 0, .4);--shadow-button-up: 0 2px 4px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .03);--shadow-button-down: inset 0 2px 4px rgba(0, 0, 0, .5), 0 0 0 rgba(0, 0, 0, 0);--shadow-shell: inset 0 1px 0 rgba(255, 255, 255, .02), 0 8px 32px rgba(0, 0, 0, .6);--shadow-knob-glow: 0 0 6px rgba(255, 112, 51, .4);--transition-fast: .1s ease-out;--transition-normal: .15s ease-out;--transition-scale: .12s ease-out;--transition-smooth: .25s ease-out;--radius-panel: 10px;--radius-zone: 6px;--radius-control: 4px;--radius-button: 3px;--radius-pad: 2px;--radius-round: 50%}._desk_1hqz0_77,._desk_1hqz0_77 *{font-family:var(--font-primary)}._desk_1hqz0_77 :focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){._desk_1hqz0_77,._desk_1hqz0_77 *{transition-duration:0s!important;animation-duration:0s!important}}._desk_1hqz0_77{width:100vw;height:100vh;height:100dvh;background:var(--bg-desk);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;-webkit-app-region:drag;padding-left:max(env(safe-area-inset-left),8px);padding-right:max(env(safe-area-inset-right),8px);padding-top:max(env(safe-area-inset-top),8px);padding-bottom:max(env(safe-area-inset-bottom),8px);user-select:none;-webkit-user-select:none}._windowControls_1hqz0_120{position:fixed;top:6px;right:8px;display:flex;gap:2px;z-index:200;-webkit-app-region:no-drag}._winBtn_1hqz0_130{width:28px;height:22px;background:#14141ccc;border:none;color:var(--text-ghost);font-size:10px;cursor:pointer;border-radius:var(--radius-pad);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition-fast),color var(--transition-fast)}._winBtn_1hqz0_130:hover{background:#242428e6;color:var(--text-secondary)}._winBtnClose_1hqz0_151{color:var(--accent-red-error)}._controller_1hqz0_157{width:1160px;box-sizing:border-box;background:linear-gradient(180deg,#ffffff03,#00000005),var(--bg-chassis);border-radius:var(--radius-panel);border:2px solid var(--bg-surface);padding:12px 16px;display:grid;grid-template-rows:auto auto auto auto;gap:6px;position:relative;transform-origin:center center;box-shadow:var(--shadow-shell);-webkit-app-region:no-drag;touch-action:none}._controller_1hqz0_157._compact_1hqz0_181{padding:6px 10px;gap:4px;border-width:1px;border-radius:6px}._controller_1hqz0_157._compact_1hqz0_181 ._mainZone_1hqz0_188{padding:6px;gap:8px}._controller_1hqz0_157._compact_1hqz0_181 ._keysZone_1hqz0_193{padding:4px 8px 2px}._controller_1hqz0_157._compact_1hqz0_181 ._leftCol_1hqz0_197{gap:4px}._controller_1hqz0_157._compact_1hqz0_181 ._rightCol_1hqz0_201{gap:6px}._controller_1hqz0_157._compactPhone_1hqz0_211{padding:4px 6px;gap:4px;border-width:1px;border-radius:4px}._phonePadsStrip_1hqz0_218{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;background:var(--bg-panel);border-radius:var(--radius-zone);border:1px solid var(--border-panel);padding:4px 6px}._phoneOctaveStack_1hqz0_229{display:flex;gap:2px;align-items:center}._controller_1hqz0_157._compactPhone_1hqz0_211 ._keysZone_1hqz0_193{padding:2px 6px 0}._controller_1hqz0_157._compactPhone_1hqz0_211 .drum-pads-grid{grid-template-columns:repeat(8,1fr)!important;grid-template-rows:1fr!important;width:100%}._topBar_1hqz0_250{display:flex;justify-content:space-between;align-items:center;padding:0 4px 6px;border-bottom:1px solid rgba(255,255,255,.04)}._brand_1hqz0_259{display:flex;align-items:baseline;gap:6px}._brandName_1hqz0_265{font-size:11px;font-weight:700;color:var(--text-brand);letter-spacing:.15em}._brandModel_1hqz0_272{font-size:10px;color:var(--text-ghost);letter-spacing:.1em}._leds_1hqz0_278{display:flex;flex-direction:column;align-items:center;gap:2px}._ledRow_1hqz0_285{display:flex;gap:8px}._led_1hqz0_278{width:6px;height:6px;border-radius:var(--radius-round);transition:all var(--transition-normal)}._ledLabel_1hqz0_297{font-size:8px;color:var(--text-ghost);letter-spacing:.05em;font-weight:600}._advBtn_1hqz0_304{background:var(--bg-button);border:1px solid var(--accent-primary);border-radius:var(--radius-button);color:var(--accent-primary);font-size:10px;font-weight:700;cursor:pointer;padding:4px 10px;letter-spacing:.05em;transition:background var(--transition-normal)}._advBtn_1hqz0_304:hover{background:var(--bg-button-hover)}._mainZone_1hqz0_188{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;background:var(--bg-panel);border-radius:var(--radius-zone);border:1px solid var(--border-panel);padding:10px;overflow:hidden;box-shadow:var(--shadow-raised)}._leftCol_1hqz0_197{display:flex;flex-direction:column;gap:6px}._octaveRow_1hqz0_341{display:flex;gap:3px;align-items:center}._octBtn_1hqz0_347{flex:1;padding:5px 2px;background:var(--bg-button);border:1px solid var(--border-panel);border-radius:var(--radius-button);color:var(--text-secondary);font-size:9px;cursor:pointer;font-weight:700;text-align:center;white-space:nowrap;transition:background var(--transition-normal)}._octBtn_1hqz0_347:hover{background:var(--bg-button-hover)}._octDisplay_1hqz0_366{flex:1;background:var(--bg-recessed);border:1px solid var(--border-subtle);border-radius:var(--radius-button);color:var(--text-muted);font-size:10px;text-align:center;padding:5px 2px;font-weight:600;white-space:nowrap;font-family:var(--font-mono)}._rightCol_1hqz0_201{display:flex;flex-direction:column;gap:10px;overflow:hidden}._padsArea_1hqz0_387{display:flex;gap:8px;align-items:flex-start}._keysZone_1hqz0_193{background:var(--bg-panel);border-radius:var(--radius-zone);border:1px solid var(--border-panel);padding:6px 10px 2px;overflow:hidden}._rotateOverlay_1hqz0_405{position:fixed;top:0;right:0;bottom:0;left:0;background:#060608f0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:300;padding:24px;text-align:center}._rotateIcon_1hqz0_421{width:64px;height:64px;color:var(--accent-primary);animation:_rotateHint_1hqz0_1 2.4s ease-in-out infinite}@keyframes _rotateHint_1hqz0_1{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}._rotateTitle_1hqz0_433{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.05em}._rotateBody_1hqz0_440{font-size:13px;color:var(--text-secondary);max-width:280px;line-height:1.5}._rotateDismiss_1hqz0_447{margin-top:4px;background:var(--bg-button);border:1px solid var(--border-panel);color:var(--text-secondary);padding:8px 18px;border-radius:var(--radius-button);font-size:12px;cursor:pointer;letter-spacing:.05em}._rotateDismiss_1hqz0_447:hover{background:var(--bg-button-hover);color:var(--text-primary)}