: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_6w4xl_77,._desk_6w4xl_77 *{font-family:var(--font-primary)}._desk_6w4xl_77 :focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){._desk_6w4xl_77,._desk_6w4xl_77 *{transition-duration:0s!important;animation-duration:0s!important}}._desk_6w4xl_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_6w4xl_120{position:fixed;top:6px;right:8px;display:flex;gap:2px;z-index:200;-webkit-app-region:no-drag}._winBtn_6w4xl_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_6w4xl_130:hover{background:#242428e6;color:var(--text-secondary)}._winBtnClose_6w4xl_151{color:var(--accent-red-error)}._controller_6w4xl_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_6w4xl_157._compact_6w4xl_181{padding:6px 10px;gap:4px;border-width:1px;border-radius:6px}._controller_6w4xl_157._compact_6w4xl_181 ._mainZone_6w4xl_188{padding:6px;gap:8px}._controller_6w4xl_157._compact_6w4xl_181 ._keysZone_6w4xl_193{padding:4px 8px 2px}._controller_6w4xl_157._compact_6w4xl_181 ._leftCol_6w4xl_197{gap:4px}._controller_6w4xl_157._compact_6w4xl_181 ._rightCol_6w4xl_201{gap:6px}._topBar_6w4xl_207{display:flex;justify-content:space-between;align-items:center;padding:0 4px 6px;border-bottom:1px solid rgba(255,255,255,.04)}._brand_6w4xl_216{display:flex;align-items:baseline;gap:6px}._brandName_6w4xl_222{font-size:11px;font-weight:700;color:var(--text-brand);letter-spacing:.15em}._brandModel_6w4xl_229{font-size:10px;color:var(--text-ghost);letter-spacing:.1em}._leds_6w4xl_235{display:flex;flex-direction:column;align-items:center;gap:2px}._ledRow_6w4xl_242{display:flex;gap:8px}._led_6w4xl_235{width:6px;height:6px;border-radius:var(--radius-round);transition:all var(--transition-normal)}._ledLabel_6w4xl_254{font-size:8px;color:var(--text-ghost);letter-spacing:.05em;font-weight:600}._advBtn_6w4xl_261{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_6w4xl_261:hover{background:var(--bg-button-hover)}._mainZone_6w4xl_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_6w4xl_197{display:flex;flex-direction:column;gap:6px}._octaveRow_6w4xl_298{display:flex;gap:3px;align-items:center}._octBtn_6w4xl_304{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_6w4xl_304:hover{background:var(--bg-button-hover)}._octDisplay_6w4xl_323{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_6w4xl_201{display:flex;flex-direction:column;gap:10px;overflow:hidden}._padsArea_6w4xl_344{display:flex;gap:8px;align-items:flex-start}._keysZone_6w4xl_193{background:var(--bg-panel);border-radius:var(--radius-zone);border:1px solid var(--border-panel);padding:6px 10px 2px;overflow:hidden}._rotateOverlay_6w4xl_362{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_6w4xl_378{width:64px;height:64px;color:var(--accent-primary);animation:_rotateHint_6w4xl_1 2.4s ease-in-out infinite}@keyframes _rotateHint_6w4xl_1{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}._rotateTitle_6w4xl_390{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.05em}._rotateBody_6w4xl_397{font-size:13px;color:var(--text-secondary);max-width:280px;line-height:1.5}._rotateDismiss_6w4xl_404{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_6w4xl_404:hover{background:var(--bg-button-hover);color:var(--text-primary)}