:root,[data-theme=mono-dark]{--chassis-bg: #080a0e;--chassis-gradient: #080a0e;--panel-bg: #12151c;--panel-bg-alt: #0a0c12;--panel-gradient: #12151c;--panel-border: #00e5ff;--panel-border-width: 2px;--panel-inset-hi: rgba(0, 229, 255, .06);--panel-inset-lo: rgba(0, 0, 0, 1);--panel-shadow: rgba(0, 0, 0, .9);--oled-bg: #02060a;--oled-bg-grad: #02060a;--oled-border: #00e5ff;--oled-glow: rgba(0, 229, 255, .18);--oled-text: #00e5ff;--oled-scanline: rgba(0, 0, 0, .4);--knob-track: #1c222e;--knob-ribbed: #1a1f2c;--knob-face-grad: #232838;--knob-face-border: #00e5ff;--knob-hi: rgba(0, 229, 255, .08);--knob-lo: rgba(0, 0, 0, 1);--screw-grad: #2a3048;--screw-border: #00e5ff;--screw-line: #00e5ff;--accent-cyan: #00e5ff;--accent-amber: #ffaa00;--accent-emerald: #00ff66;--accent-red: #ff3344;--text-primary: #e2e8f0;--text-secondary: #6b7280;--text-muted: #374151;--text-label: #9ca3af;--btn-inactive-bg: #0d1018;--btn-inactive-border: #2a3142;--btn-inactive-text: #4b5568;--btn-hover-bg: #161c28;--section-bg: #090c12;--section-border: #1e2636;--osc-bg: #0c0f18;--osc-border: #1e2636;--waveform-bg: #060810;--waveform-border: #1a2230;--key-white-grad: #f0f4f8;--key-white-active: #b0bfcc;--key-black-grad: #111520;--key-black-active: #080a10;--wheel-bg: #080c12;--wheel-border: #00e5ff;--wheel-thumb: linear-gradient(to right, #007799 0%, #00e5ff 50%, #007799 100%);--tab-bar-bg: #080c12;--tab-bar-border: #00e5ff;--tab-active-bg: rgba(0, 229, 255, .12);--tab-active-border:#00e5ff;--tab-active-text: #00e5ff;--tab-active-glow: rgba(0, 229, 255, .5);--tab-inactive-text:#4b5568;--body-bg: #080a0e;--body-text: #e2e8f0;--scrollbar-track: #0a0c12;--scrollbar-thumb: #1e2636;--scrollbar-hover: #2a3548;--badge-bg: #080c12;--badge-border: #00e5ff;--theme-transition: background-color .2s ease, border-color .2s ease, color .15s ease, box-shadow .2s ease}[data-theme=vintage-japanese]{--chassis-bg: #b4b8c0;--chassis-gradient: #b4b8c0;--panel-bg: #ccd0d8;--panel-bg-alt: #bcc0c8;--panel-gradient: #ccd0d8;--panel-border: #1a5fe8;--panel-border-width: 2px;--panel-inset-hi: rgba(255, 255, 255, .5);--panel-inset-lo: rgba(0, 0, 0, .3);--panel-shadow: rgba(0, 0, 80, .4);--oled-bg: #140a00;--oled-bg-grad: #140a00;--oled-border: #e8541a;--oled-glow: rgba(232, 84, 26, .25);--oled-text: #ffa500;--oled-scanline: rgba(0, 0, 0, .35);--knob-track: #8890a0;--knob-ribbed: #a0a8b4;--knob-face-grad: #b8bcc8;--knob-face-border: #e8541a;--knob-hi: rgba(255, 255, 255, .6);--knob-lo: rgba(0, 0, 0, .25);--screw-grad: #c8ccd8;--screw-border: #1a5fe8;--screw-line: #1a5fe8;--accent-cyan: #1a5fe8;--accent-amber: #e8541a;--accent-emerald: #2a9e44;--accent-red: #cc1122;--text-primary: #10141c;--text-secondary: #404448;--text-muted: #707480;--text-label: #404858;--btn-inactive-bg: #b4b8c4;--btn-inactive-border: #7880a0;--btn-inactive-text: #505870;--btn-hover-bg: #ccd0dc;--section-bg: #b0b4bc;--section-border: #8890a0;--osc-bg: #bcc0c8;--osc-border: #8890a0;--waveform-bg: #a8acb8;--waveform-border: #8890a0;--key-white-grad: #f4f8fc;--key-white-active: #c0c8d8;--key-black-grad: #141824;--key-black-active: #080c14;--wheel-bg: #a0a4b0;--wheel-border: #e8541a;--wheel-thumb: linear-gradient(to right, #9040a0 0%, #e8541a 50%, #9040a0 100%);--tab-bar-bg: #b0b4bc;--tab-bar-border: #e8541a;--tab-active-bg: rgba(232, 84, 26, .18);--tab-active-border:#e8541a;--tab-active-text: #e8541a;--tab-active-glow: rgba(232, 84, 26, .5);--tab-inactive-text:#606878;--body-bg: #a4a8b0;--body-text: #10141c;--scrollbar-track: #a8acb8;--scrollbar-thumb: #7880a0;--scrollbar-hover: #606878;--badge-bg: #ccd0dc;--badge-border: #1a5fe8}[data-theme=german-industrial]{--chassis-bg: #020202;--chassis-gradient: #020202;--panel-bg: #0e0e0e;--panel-bg-alt: #060606;--panel-gradient: #0e0e0e;--panel-border: #c9a84c;--panel-border-width: 2px;--panel-inset-hi: rgba(201, 168, 76, .06);--panel-inset-lo: rgba(0, 0, 0, 1);--panel-shadow: rgba(0, 0, 0, .95);--oled-bg: #000e00;--oled-bg-grad: #000e00;--oled-border: #aac840;--oled-glow: rgba(170, 200, 64, .2);--oled-text: #00ff44;--oled-scanline: rgba(0, 0, 0, .4);--knob-track: #1a1a1a;--knob-ribbed: #181818;--knob-face-grad: #202020;--knob-face-border: #c9a84c;--knob-hi: rgba(201, 168, 76, .1);--knob-lo: rgba(0, 0, 0, 1);--screw-grad: #242424;--screw-border: #c9a84c;--screw-line: #c9a84c;--accent-cyan: #c9a84c;--accent-amber: #e8b84c;--accent-emerald: #aac840;--accent-red: #cc3322;--text-primary: #f0ece0;--text-secondary: #807860;--text-muted: #404030;--text-label: #a09070;--btn-inactive-bg: #0c0c0c;--btn-inactive-border: #252520;--btn-inactive-text: #606050;--btn-hover-bg: #161610;--section-bg: #060606;--section-border: #1c1c18;--osc-bg: #080808;--osc-border: #1c1c18;--waveform-bg: #030303;--waveform-border: #161610;--key-white-grad: #eceae0;--key-white-active: #a09888;--key-black-grad: #0a0a0a;--key-black-active: #020202;--wheel-bg: #040404;--wheel-border: #c9a84c;--wheel-thumb: linear-gradient(to right, #604820 0%, #c9a84c 50%, #604820 100%);--tab-bar-bg: #060606;--tab-bar-border: #c9a84c;--tab-active-bg: rgba(201, 168, 76, .12);--tab-active-border:#c9a84c;--tab-active-text: #c9a84c;--tab-active-glow: rgba(201, 168, 76, .5);--tab-inactive-text:#505040;--body-bg: #020202;--body-text: #f0ece0;--scrollbar-track: #060606;--scrollbar-thumb: #1e1e14;--scrollbar-hover: #2e2e20;--badge-bg: #0a0a0a;--badge-border: #c9a84c}[data-theme=cyberpunk-crt]{--chassis-bg: #020308;--chassis-gradient: #020308;--panel-bg: #050710;--panel-bg-alt: #020408;--panel-gradient: #050710;--panel-border: #ff00cc;--panel-border-width: 2px;--panel-inset-hi: rgba(255, 0, 204, .08);--panel-inset-lo: rgba(0, 0, 0, 1);--panel-shadow: rgba(255, 0, 204, .25);--oled-bg: #020008;--oled-bg-grad: #020008;--oled-border: #ff00cc;--oled-glow: rgba(255, 0, 204, .25);--oled-text: #ff00cc;--oled-scanline: rgba(0, 0, 0, .45);--knob-track: #1a0028;--knob-ribbed: #140020;--knob-face-grad: #1c0030;--knob-face-border: #ff00cc;--knob-hi: rgba(255, 0, 204, .18);--knob-lo: rgba(0, 0, 0, 1);--screw-grad: #240038;--screw-border: #ff00cc;--screw-line: #ff00cc;--accent-cyan: #00ffee;--accent-amber: #ff00cc;--accent-emerald: #00ff88;--accent-red: #ff2244;--text-primary: #e0d0f0;--text-secondary: #805888;--text-muted: #3a1850;--text-label: #b080c0;--btn-inactive-bg: #06000e;--btn-inactive-border: #280038;--btn-inactive-text: #5030a0;--btn-hover-bg: #0e0018;--section-bg: #040008;--section-border: #1e0030;--osc-bg: #05000e;--osc-border: #180028;--waveform-bg: #020008;--waveform-border: #12001e;--key-white-grad: #e0d0f8;--key-white-active: #9070d0;--key-black-grad: #0c0018;--key-black-active: #040010;--wheel-bg: #03000a;--wheel-border: #ff00cc;--wheel-thumb: linear-gradient(to right, #6000a0 0%, #ff00cc 50%, #6000a0 100%);--tab-bar-bg: #03000a;--tab-bar-border: #ff00cc;--tab-active-bg: rgba(255, 0, 204, .14);--tab-active-border:#ff00cc;--tab-active-text: #ff00cc;--tab-active-glow: rgba(255, 0, 204, .6);--tab-inactive-text:#4d2880;--body-bg: #020308;--body-text: #e0d0f0;--scrollbar-track: #040008;--scrollbar-thumb: #180026;--scrollbar-hover: #280040;--badge-bg: #04000e;--badge-border: #ff00cc}@layer base{html,body{height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:var(--body-bg);color:var(--body-text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:var(--theme-transition)}.mobile-tab-panel{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-section-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:.375rem;transition:opacity .12s ease}.mobile-section-active{opacity:1;pointer-events:auto;z-index:1}.mobile-section-hidden{opacity:0;pointer-events:none;z-index:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.font-mono-lcd{font-family:Share Tech Mono,JetBrains Mono,monospace}.font-brand{font-family:Orbitron,sans-serif}.synth-chassis{background:var(--chassis-bg);box-shadow:0 8px #000c,0 12px 40px #000000f2;transition:var(--theme-transition)}.synth-panel{background:var(--panel-bg);border:2px solid var(--panel-border);border-bottom:4px solid var(--panel-border);border-right:3px solid var(--panel-border);box-shadow:4px 4px #000000e6,inset 0 1px #ffffff0a;position:relative;transition:var(--theme-transition)}.panel-bevel{box-shadow:inset 0 2px #ffffff0a,3px 3px #000000b3}.oled-screen{background:var(--oled-bg);border:2px solid var(--oled-border);box-shadow:inset 0 0 20px #000000f2,0 0 16px var(--oled-glow),0 0 32px var(--oled-glow);position:relative;overflow:hidden;transition:var(--theme-transition)}.oled-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.02) 28%,transparent 45%,transparent 100%);pointer-events:none;z-index:12}.oled-screen:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.35) 3px,rgba(0,0,0,.35) 4px);pointer-events:none;z-index:11}.synth-screw{width:10px;height:10px;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:var(--screw-grad);border:1px solid var(--screw-border);position:relative;transition:var(--theme-transition)}.synth-screw:after{content:"";position:absolute;top:25%;right:25%;bottom:25%;left:25%;background:var(--screw-line);clip-path:polygon(40% 0%,60% 0%,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0% 60%,0% 40%,40% 40%);opacity:.85}.led-glow-cyan{box-shadow:0 0 0 2px #00e5ff80,0 0 16px #00e5ffe6,0 0 32px #00e5ff59}.led-glow-amber{box-shadow:0 0 0 2px #ffaa0080,0 0 16px #ffaa00e6,0 0 32px #ffaa0059}.led-glow-emerald{box-shadow:0 0 0 2px #00ff6680,0 0 16px #00ff66e6,0 0 32px #00ff6659}.led-glow-red{box-shadow:0 0 0 2px #ff334480,0 0 16px #ff3344e6,0 0 32px #ff334459}@keyframes crt-border-flash{0%,92%,to{border-color:#f0c;box-shadow:4px 4px #000000e6,0 0 18px #ff00cc80}94%{border-color:#0fe;box-shadow:4px 4px #000000e6,0 0 28px #0fec}96%{border-color:#f0c;box-shadow:4px 4px #000000e6,0 0 18px #ff00cc80}}[data-theme=cyberpunk-crt] .synth-panel{animation:crt-border-flash 5s ease-in-out infinite}@keyframes crt-flicker{0%{opacity:1}47%{opacity:1}48%{opacity:.92}49%{opacity:1}to{opacity:1}}[data-theme=cyberpunk-crt] .synth-chassis{animation:crt-flicker 12s linear infinite}.touch-lock{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}.key-white{background:var(--key-white-grad);border-right:1px solid #1a2030;border-bottom:4px solid #1a2030;box-shadow:none}.key-white.active{background:var(--key-white-active);transform:translateY(4px);border-bottom-width:0px;box-shadow:none}.key-black{background:var(--key-black-grad);border:1px solid rgba(0,229,255,.2);border-bottom:4px solid rgba(0,0,0,.9);box-shadow:2px 0 #000000e6}.key-black.active{background:var(--key-black-active);transform:translateY(3px);border-bottom-width:1px;box-shadow:none}.wheel-slider-h{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:var(--wheel-bg);border:1px solid var(--wheel-border);border-radius:4px;outline:none;cursor:pointer;touch-action:none;transition:var(--theme-transition)}.wheel-slider-h::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:24px;border-radius:3px;background:var(--wheel-thumb);border:1px solid rgba(0,0,0,.7);box-shadow:0 0 4px #ffffff80;cursor:ns-resize}.wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#00b8d4,#00e5ff,#00b8d4);box-shadow:0 0 6px #00e5ff}[data-theme=vintage-japanese] .wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#1040a0,#1a5fe8,#1040a0);box-shadow:0 0 6px #1a5fe8}[data-theme=german-industrial] .wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#907030,#c9a84c,#907030);box-shadow:0 0 6px #c9a84c}[data-theme=cyberpunk-crt] .wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#8000aa,#f0c,#8000aa);box-shadow:0 0 8px #f0c}.touch-target{min-height:44px;min-width:44px}.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;flex:1;font-family:Share Tech Mono,JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;border:1px solid transparent;transition:all .1s ease;user-select:none;-webkit-user-select:none}.mobile-tab-btn.active{background:var(--tab-active-bg);border-color:var(--tab-active-border);border-bottom:3px solid var(--tab-active-border);color:var(--tab-active-text);box-shadow:0 0 12px var(--tab-active-glow),2px 2px #000c}.mobile-tab-btn:not(.active){color:var(--tab-inactive-text);background:transparent}.mobile-tab-btn:not(.active):active{background:#ffffff0a;color:var(--text-label)}.theme-chip{width:20px;height:20px;border-radius:2px;border:2px solid transparent;cursor:pointer;transition:all .12s ease;position:relative;flex-shrink:0}.theme-chip.active{transform:scale(1.25);box-shadow:0 0 0 1px #fff6,2px 2px #000000e6}.theme-chip:hover:not(.active){transform:scale(1.15);box-shadow:1px 1px #000c}.wheel-slider-h{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:var(--wheel-bg);border:2px solid var(--wheel-border);border-radius:2px;outline:none;cursor:pointer;touch-action:none;transition:var(--theme-transition)}.wheel-slider-h::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:24px;border-radius:2px;background:var(--wheel-thumb);border:2px solid rgba(0,0,0,.9);box-shadow:2px 0 #000000b3,-2px 0 #000000b3;cursor:ns-resize}.wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#079,#00e5ff,#079);box-shadow:0 0 8px #00e5ff,2px 0 #000000b3}[data-theme=vintage-japanese] .wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#0e3880,#1a5fe8,#0e3880);box-shadow:0 0 8px #1a5fe8}[data-theme=german-industrial] .wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#806020,#c9a84c,#806020);box-shadow:0 0 8px #c9a84c}[data-theme=cyberpunk-crt] .wheel-slider-h.mod::-webkit-slider-thumb{background:linear-gradient(to right,#700090,#f0c,#700090);box-shadow:0 0 12px #f0c}