.transport{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:8px;padding:8px 12px;background:var(--bg-raised);border-bottom:1px solid #222}.play-btn{width:34px;height:34px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-active);transition:all .1s;grid-row:span 2}.play-btn.playing{background:var(--accent);color:var(--bg)}.play-btn.recording{background:#f44;color:#fff;animation:recording-pulse 1s infinite}@keyframes recording-pulse{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 8px #f440}}.play-btn:active{transform:scale(.95)}.tempo-section{display:flex;align-items:center;gap:6px}.tap-btn{padding:6px 10px;border-radius:4px;font-size:11px;font-weight:700;background:var(--bg-active);letter-spacing:.5px}.tap-btn:active{background:var(--accent);color:var(--bg)}.bpm-control{display:flex;align-items:center;gap:6px;flex:1}.bpm-control{position:relative}.bpm-control input[type=range]{flex:1;min-width:60px;height:34px;-webkit-appearance:none;background:transparent}.bpm-control input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.bpm-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0}.bpm-control input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.bpm-control input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.bpm-value{font-size:16px;font-weight:700;color:var(--accent);min-width:32px;text-align:right;font-family:SF Mono,monospace}.genre-bpm-buttons{display:flex;flex-wrap:wrap;gap:2px}.genre-bpm-buttons button{padding:5px 6px;border-radius:3px;font-size:8px;font-weight:600;letter-spacing:.3px;background:var(--bg-active);color:var(--text-dim)}.genre-bpm-buttons button.active,.genre-bpm-buttons button:active{background:var(--accent);color:var(--bg)}.root-display{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:var(--bg);border-radius:4px}.root-label{font-size:8px;color:var(--text-dim);letter-spacing:1px}.root-value{font-size:14px;font-weight:700;color:var(--accent);font-family:SF Mono,monospace}.length-control{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.length-control select{background:var(--bg-active);color:var(--text);border:none;padding:4px 6px;border-radius:4px;font-family:inherit;font-size:11px}@media (max-width: 390px){.transport{gap:6px;padding:6px 10px}.play-btn{width:40px;height:40px;font-size:16px}.tap-btn{padding:5px 8px;font-size:10px}.bpm-value{font-size:14px;min-width:28px}.root-display{padding:3px 8px}.root-value{font-size:12px}.length-control select{padding:3px 5px;font-size:10px}.genre-bpm-buttons button{padding:4px 5px;font-size:7px}}@media (min-width: 768px){.transport{grid-template-columns:auto 1fr auto auto;grid-template-rows:auto;gap:16px;padding:12px 20px}.play-btn{width:48px;height:48px;font-size:22px;grid-row:1}.tempo-section{gap:12px}.tap-btn{padding:10px 16px;font-size:13px}.bpm-value{font-size:20px;min-width:44px}.bpm-control input[type=range]{min-width:120px;height:40px}.bpm-control input[type=range]::-webkit-slider-runnable-track{height:40px}.bpm-control input[type=range]::-webkit-slider-thumb{width:40px;height:40px}.bpm-control input[type=range]::-moz-range-track{height:40px}.bpm-control input[type=range]::-moz-range-thumb{width:40px;height:40px}.genre-bpm-buttons button{padding:8px 10px;font-size:10px}.root-display{padding:8px 16px}.root-label{font-size:9px}.root-value{font-size:18px}.length-control{font-size:12px;gap:6px}.length-control select{padding:8px 12px;font-size:13px}}@media (min-width: 1024px){.transport{grid-template-columns:auto 1fr auto auto auto;padding:10px 24px;gap:20px}.play-btn{width:44px;height:44px;font-size:20px}.bpm-control input[type=range]{min-width:160px}.genre-bpm-buttons{flex-wrap:nowrap}.genre-bpm-buttons button{padding:8px 12px;font-size:11px}}.seq-screen{display:flex;flex-direction:column;gap:4px;padding:6px}.voice-block{display:flex;gap:6px;padding:4px;background:var(--bg-raised);border-radius:4px;border-left:3px solid var(--voice-color)}.voice-block.selected{background:var(--bg-active)}.voice-block.muted{opacity:.4}.voice-left{display:flex;gap:4px;flex:1}.voice-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-weight:700;color:var(--voice-color);background:transparent;padding:2px 4px;border-radius:2px;text-align:center;min-width:28px}.voice-name{font-size:9px}.voice-len{font-size:7px;color:var(--text-dim)}.voice-label:active{background:var(--bg-active)}.step-rows{display:flex;flex-direction:column;gap:2px;flex:1}.steps{display:flex;gap:2px}.voice-block .step{flex:1;height:22px;border-radius:3px;background:var(--step-off);border:none;padding:0}.voice-block .step.active{background:var(--voice-color)}.voice-block .step.current{box-shadow:0 0 0 2px var(--voice-color),0 0 6px var(--voice-color)}.voice-block .step.out-of-range{background:var(--bg)}.voice-block .step:active:not(:disabled){transform:scale(.9)}.voice-controls{display:flex;flex-direction:column;gap:4px;flex:1;max-width:50%}.euc-stack{display:flex;flex-direction:column;gap:2px;flex:1}.euc-row{display:flex;align-items:center;gap:4px;flex:1}.euc-label{font-size:8px;font-weight:700;color:var(--text-dim);width:10px}.euc-row input[type=range]{flex:1;height:24px;-webkit-appearance:none;background:transparent}.euc-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--voice-color);cursor:pointer;margin-top:-10px}.euc-row input[type=range]::-webkit-slider-runnable-track{height:4px;background:#333;border-radius:2px}.euc-value{font-size:9px;color:var(--text-dim);font-family:SF Mono,monospace;width:18px;text-align:right}.tick{position:absolute;width:2px;height:4px;background:#555;transform:translate(-50%,-50%)}.tick.center{height:6px;background:#666}.pattern-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3px}.pattern-actions button{font-size:8px;font-weight:700;padding:6px 2px;border-radius:3px;background:var(--bg);color:var(--text-dim)}.pattern-actions button:active{background:var(--voice-color);color:var(--bg)}@media (max-width: 375px){.seq-screen{gap:3px;padding:4px}.voice-block{gap:4px;padding:3px}.voice-label{min-width:24px;padding:2px}.voice-name{font-size:8px}.voice-len{font-size:6px}.voice-block .step{height:18px}.steps{gap:1px}.euc-row input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}.euc-value{width:16px;font-size:8px}.pattern-actions button{font-size:7px;padding:5px 2px}}@media (min-width: 768px){.seq-screen{gap:8px;padding:12px}.voice-block{gap:12px;padding:8px 12px;border-radius:6px;border-left-width:4px}.voice-label{min-width:44px;padding:4px 8px}.voice-name{font-size:12px}.voice-len{font-size:9px}.step-rows,.steps{gap:4px}.voice-block .step{height:36px;border-radius:4px}.voice-controls{gap:8px}.euc-stack{gap:4px}.euc-row{gap:8px}.euc-label{font-size:10px;width:14px}.euc-row input[type=range]{height:32px}.euc-row input[type=range]::-webkit-slider-thumb{width:32px;height:32px;margin-top:-14px}.euc-row input[type=range]::-webkit-slider-runnable-track{height:6px}.euc-value{font-size:12px;width:24px}.pattern-actions{gap:6px}.pattern-actions button{font-size:11px;padding:10px 6px;border-radius:4px}.tick{height:6px}.tick.center{height:10px}}@media (min-width: 1024px){.seq-screen{gap:6px;padding:8px}.voice-block{gap:10px;padding:6px 10px}.voice-label{min-width:40px}.voice-name{font-size:11px}.voice-block .step{height:32px}.euc-row input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px}.pattern-actions button{font-size:10px;padding:8px 4px}}.screen-nav{display:flex;flex-direction:column;gap:4px;padding:8px 0;background:var(--bg);border-bottom:1px solid #222;position:relative}.screen-nav:before,.screen-nav:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:1}.screen-nav:before{left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 100%)}.screen-nav:after{right:0;background:linear-gradient(to left,var(--bg) 0%,transparent 100%)}.nav-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 12px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-row::-webkit-scrollbar{display:none}.nav-group{display:flex;gap:4px;flex-shrink:0;scroll-snap-align:start}.nav-group+.nav-group{padding-left:8px;border-left:1px solid #333}.nav-btn{min-width:44px;padding:10px 8px;font-size:11px;font-weight:600;letter-spacing:.5px;border-radius:6px;transition:all .15s;background:var(--bg-raised);color:var(--text-dim);text-align:center;flex-shrink:0;scroll-snap-align:start}.nav-btn:active{transform:scale(.95);background:var(--bg-active)}.nav-btn.active{background:var(--accent);color:var(--bg)}@media (max-width: 390px){.screen-nav{padding:6px 0;gap:4px}.nav-row{padding:0 8px;gap:6px}.nav-group{gap:4px}.nav-group+.nav-group{padding-left:6px}.nav-btn{min-width:42px;padding:10px 6px;font-size:10px}}@media (max-width: 340px){.nav-btn{min-width:38px;padding:8px 5px;font-size:9px}}.voice-selector{display:flex;gap:4px;padding:6px 8px;background:var(--bg);overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:center}.voice-btn{display:flex;flex-direction:column;gap:3px;min-width:48px}.voice-name{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 4px;border-radius:4px;font-size:10px;font-weight:700;text-align:center;transition:all .1s}.voice-label{line-height:1}.waveform-preview{display:block;opacity:.9;background:#ffffff1a;border-radius:2px;padding:1px}.voice-btn.selected .waveform-preview{background:#fff3}.voice-btn.selected .voice-name{background:var(--accent);color:var(--bg)}.voice-btn.muted .voice-name{opacity:.4}.voice-btn.solo .voice-name{box-shadow:0 0 0 2px var(--warning)}.voice-controls{display:flex;gap:2px}.mute-btn,.solo-btn{flex:1;padding:3px;font-size:8px;font-weight:700;border-radius:2px;background:var(--bg-raised)}.mute-btn.active{background:#f44;color:#fff}.solo-btn.active{background:var(--warning);color:var(--bg)}@media (max-width: 390px){.voice-selector{gap:3px;padding:4px 6px}.voice-btn{min-width:34px;gap:2px}.voice-name{padding:4px 4px 3px;font-size:9px;gap:1px}.waveform-preview{width:24px;height:12px}.mute-btn,.solo-btn{padding:2px;font-size:7px}}.groove-screen{flex:1;overflow-y:auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));display:flex;flex-direction:column}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);margin-bottom:8px}.groove-section{background:var(--bg-raised);padding:12px;border-radius:8px}.step-sequencer{margin-bottom:4px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.step-header .section-title{margin-bottom:0}.step-length-controls{display:flex;align-items:center;gap:8px}.step-length-controls .mode-buttons{flex-shrink:0}.step-length-controls .mode-buttons button{padding:4px 8px;font-size:8px}.step-length-controls .length-buttons{flex-wrap:wrap}.step-length-controls .length-buttons button{padding:4px 6px;font-size:8px}.length-indicator{font-size:10px;font-weight:700;color:var(--accent);min-width:20px;text-align:center}.step-grid-808{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px;justify-content:flex-start}.step-btn-808{width:28px;height:28px;font-size:9px;font-weight:700;border-radius:4px;background:#1a1a1a;color:#888;transition:all .05s;border:2px solid #333;flex-shrink:0}.step-btn-808.downbeat{border-color:#555}.step-btn-808.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.step-btn-808.current{box-shadow:0 0 0 2px #fff}.step-btn-808:active{transform:scale(.95)}.groove-visual{background:var(--bg-raised);padding:12px;border-radius:8px;margin-bottom:4px}.loop-visualization{display:flex;flex-direction:column;gap:6px}.loop-canvas{display:block;width:100%;height:60px;border-radius:4px}.loop-legend{display:flex;justify-content:center}.legend-item{font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 8px;border-radius:4px;background:var(--bg)}.legend-item.loop{color:#f80}.legend-item.spread{color:#a6f}.legend-item.normal{color:var(--text-dim)}.delay-timeline{display:flex;flex-direction:column;gap:6px}.delay-header{display:flex;justify-content:space-between;align-items:center}.delay-label{font-size:9px;font-weight:600;letter-spacing:1px;color:var(--text-dim)}.delay-legend{display:flex;gap:12px;font-size:8px;font-weight:600}.delay-legend .early{color:#4f8}.delay-legend .late{color:#f64}.delay-canvas{display:block;width:100%;height:50px;border-radius:4px}.beat-grid{display:flex;justify-content:space-between;padding:12px 8px;background:var(--bg);border-radius:4px;overflow:hidden}.beat-marker{display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s ease-out;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:pan-x;padding:8px 4px}.beat-marker:hover .marker-dot{transform:scale(1.3)}.beat-marker.dragging{z-index:10}.beat-marker.dragging .marker-dot{transform:scale(1.5);box-shadow:0 0 8px var(--accent)}.marker-dot{width:8px;height:8px;border-radius:50%;background:#666;transition:transform .1s,box-shadow .1s}.beat-marker.groove-start .marker-dot{background:var(--accent);width:10px;height:10px}.marker-label{font-size:8px;color:#666}.marker-offset{font-size:7px;font-family:SF Mono,monospace;color:var(--accent);min-height:12px}.beat-marker.groove-start .marker-label{color:var(--accent)}.groove-period-indicator{text-align:center;margin-top:8px;font-size:10px;color:var(--text-dim)}.polyrhythm-badge{color:#f80;font-weight:700}.period-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.period-btn{padding:10px 4px;font-size:12px;font-weight:700;border-radius:4px;background:var(--bg);transition:all .1s}.period-btn.active{background:var(--accent);color:var(--bg)}.options-row{display:flex;gap:12px}.option-group{flex:1;display:flex;flex-direction:column;gap:6px}.option-label{font-size:9px;color:var(--text-dim);letter-spacing:1px}.toggle-buttons{display:flex;gap:4px}.toggle-buttons button{flex:1;padding:8px 4px;font-size:9px;font-weight:700;border-radius:4px;background:var(--bg);letter-spacing:.5px}.toggle-buttons button.active{background:var(--accent);color:var(--bg)}.voice-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.voice-btn{padding:12px 4px;font-size:10px;font-weight:700;border-radius:4px;background:var(--bg);transition:all .1s}.voice-btn.active{background:var(--accent);color:var(--bg)}.offsets-grid{display:flex;flex-direction:column;gap:8px}.offset-control{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px}.offset-label{font-size:11px;font-weight:700;color:var(--accent);text-align:center}.offset-slider-group{display:flex;flex-direction:column;gap:2px}.offset-values{display:flex;justify-content:space-between;padding:0 4px}.offset-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;touch-action:pan-x}.offset-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0}.offset-slider::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.offset-slider::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.offset-slider::-moz-range-track{height:34px;background:#333;border-radius:4px}.offset-value{font-size:12px;font-family:SF Mono,monospace;color:var(--text)}.offset-ms{font-size:10px;font-family:SF Mono,monospace;color:var(--text-dim)}.presets-container{display:flex;flex-wrap:wrap;gap:6px}.preset-group{display:contents}.preset-btn{display:flex;flex-direction:column;align-items:center;padding:8px 10px;border-radius:4px;background:var(--bg);transition:all .1s;min-width:70px}.preset-name{font-size:9px;font-weight:700;letter-spacing:.5px}.preset-desc{font-size:7px;color:var(--text-dim);margin-top:2px}@media (max-width: 390px){.groove-screen{padding:8px}.groove-section{padding:10px}.section-title{font-size:10px;margin-bottom:6px}.step-header{flex-direction:column;align-items:flex-start;gap:6px}.step-length-controls{width:100%;flex-wrap:wrap}.step-length-controls .mode-buttons button{padding:3px 6px;font-size:7px}.step-length-controls .length-buttons{gap:2px}.step-length-controls .length-buttons button{padding:3px 4px;font-size:7px}.step-grid-808{gap:2px}.step-btn-808{width:24px;height:24px;font-size:7px;border-radius:3px;border-width:1px}.period-grid{grid-template-columns:repeat(8,1fr);gap:3px}.period-btn{padding:8px 2px;font-size:10px}.marker-offset{font-size:6px;min-height:10px}.options-row{flex-wrap:wrap;gap:8px}.option-group{min-width:calc(50% - 4px)}.toggle-buttons button{padding:6px 2px;font-size:8px}.voice-grid{grid-template-columns:repeat(3,1fr)}.voice-btn{padding:10px 4px;font-size:9px}.offset-control{grid-template-columns:20px 1fr;gap:4px}.offset-label,.offset-value{font-size:10px}.offset-ms{font-size:9px}.preset-btn{padding:6px 8px;min-width:60px}.preset-name{font-size:8px}.preset-desc{font-size:6px}}@media (min-width: 1024px){.groove-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.offset-slider{width:100%}}.eq-screen{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.eq-header{padding-bottom:8px;border-bottom:1px solid #222}.eq-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.eq-header-left{display:flex;flex-direction:column;gap:4px}.eq-header .section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);margin:0}.eq-header .section-desc{font-size:10px;color:var(--text-dim);margin:0}.eq-curve-container{margin-top:8px;background:#111;border-radius:4px;padding:4px;overflow:hidden}.eq-curve-canvas{display:block;width:100%;height:60px}.eq-controls{display:flex;gap:6px;flex-shrink:0}.eq-toggle,.eq-reset{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:1px;border-radius:4px;background:var(--bg-raised);color:var(--text-dim)}.eq-toggle.active{background:var(--accent);color:var(--bg)}.eq-reset:active{background:var(--warning);color:var(--bg)}.eq-preset-section{background:var(--bg-raised);padding:10px;border-radius:6px;display:flex;flex-direction:column;gap:8px}.preset-row,.base-freq-row{display:flex;align-items:center;gap:8px}.preset-row label,.base-freq-row label{font-size:10px;color:var(--text-dim);letter-spacing:1px;min-width:50px}.preset-buttons{display:flex;flex-wrap:nowrap;gap:3px;flex:1}.preset-buttons button{flex:1;min-width:0;padding:8px 4px;font-size:9px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg-active);color:var(--text-dim)}.preset-buttons button.active{background:var(--accent);color:var(--bg)}.base-freq-row input[type=range]{flex:1;width:100%;height:24px;-webkit-appearance:none;background:transparent;touch-action:none}.base-freq-row input[type=range]::-webkit-slider-runnable-track{height:24px;background:var(--bg-active);border-radius:4px}.base-freq-row input[type=range]::-moz-range-track{height:24px;background:var(--bg-active);border-radius:4px}.base-freq-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0}.base-freq-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.base-freq-input{width:60px;padding:6px 8px;font-size:12px;font-weight:600;text-align:center;background:var(--bg-active);color:var(--text);border:none;border-radius:4px;-moz-appearance:textfield}.base-freq-input::-webkit-outer-spin-button,.base-freq-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.base-freq-unit{font-size:12px;font-weight:600;color:var(--text-dim)}.global-q-row{display:flex;align-items:center;gap:8px}.global-q-row label{font-size:10px;color:var(--warning);letter-spacing:1px;min-width:50px;font-weight:600}.global-q-row input[type=range]{flex:1;height:24px;-webkit-appearance:none;background:transparent;touch-action:none}.global-q-row input[type=range]::-webkit-slider-runnable-track{height:24px;background:var(--bg-active);border-radius:4px}.global-q-row input[type=range]::-moz-range-track{height:24px;background:var(--bg-active);border-radius:4px}.global-q-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--warning);cursor:pointer;margin-top:0}.global-q-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--warning);cursor:pointer;border:none}.global-q-value{font-size:12px;font-weight:600;color:var(--warning);min-width:30px;text-align:right}.harmonic-ratio-row{display:flex;align-items:center;gap:8px}.harmonic-ratio-row label{font-size:10px;color:#a6f;letter-spacing:1px;min-width:50px;font-weight:600}.harmonic-ratio-row input[type=range]{flex:1;height:24px;-webkit-appearance:none;background:transparent;touch-action:none}.harmonic-ratio-row input[type=range]::-webkit-slider-runnable-track{height:24px;background:var(--bg-active);border-radius:4px}.harmonic-ratio-row input[type=range]::-moz-range-track{height:24px;background:var(--bg-active);border-radius:4px}.harmonic-ratio-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#a6f;cursor:pointer;margin-top:0}.harmonic-ratio-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#a6f;cursor:pointer;border:none}.harmonic-ratio-input{width:48px;font-size:12px;font-weight:600;color:#a6f;background:var(--bg-active);border:1px solid #aa66ff44;border-radius:4px;text-align:center;padding:4px}.harmonic-ratio-input:focus{outline:none;border-color:#a6f}.eq-drive-row{display:flex;align-items:center;gap:8px}.eq-drive-row label{font-size:10px;color:#f64;letter-spacing:1px;min-width:50px;font-weight:600}.eq-drive-row input[type=range]{flex:1;height:24px;-webkit-appearance:none;background:transparent;touch-action:none}.eq-drive-row input[type=range]::-webkit-slider-runnable-track{height:24px;background:var(--bg-active);border-radius:4px}.eq-drive-row input[type=range]::-moz-range-track{height:24px;background:var(--bg-active);border-radius:4px}.eq-drive-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#f64;cursor:pointer;margin-top:0}.eq-drive-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#f64;cursor:pointer;border:none}.eq-drive-value{font-size:12px;font-weight:600;color:#f64;min-width:40px;text-align:right}.eq-comb-row{display:flex;align-items:center;gap:8px}.eq-comb-row label{font-size:10px;color:var(--text-dim);letter-spacing:1px;min-width:50px;font-weight:600}.comb-btn{flex:1;padding:8px 12px;font-size:10px;font-weight:600;letter-spacing:1px;border-radius:4px;background:var(--bg-active);color:var(--text-dim)}.comb-btn.active{background:var(--accent);color:var(--bg)}.eq-bands{display:flex;gap:3px;flex:1}.eq-band{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 2px;background:var(--bg-raised);border-radius:4px;min-width:0;gap:2px}.band-freq{font-size:8px;font-weight:600;color:var(--text)}.band-gain-container{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.band-gain-value{font-size:8px;font-weight:600;color:var(--text);text-align:center}.band-gain-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:8px;flex:1;min-height:160px;background:var(--bg-active);border-radius:4px;touch-action:none;margin:0 auto}.band-gain-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:6px;border-radius:2px;background:var(--accent);cursor:pointer;border:none;box-shadow:0 0 4px #00ff8880;margin-left:-1px}.band-gain-slider::-webkit-slider-runnable-track{width:8px;height:100%;background:transparent;border-radius:4px}.band-gain-slider::-moz-range-thumb{width:10px;height:6px;border-radius:2px;background:var(--accent);cursor:pointer;border:none;box-shadow:0 0 4px #00ff8880}.band-gain-slider::-moz-range-track{width:8px;height:100%;background:transparent;border-radius:4px}.gain-zero-line{position:absolute;top:50%;left:10%;right:10%;height:1px;background:var(--text-dim);opacity:.3;pointer-events:none}.vertical-tick-marks{position:absolute;top:0;bottom:0;left:50%;width:0;pointer-events:none}.vtick{position:absolute;left:-6px;width:12px;height:1px;background:#444;transform:translateY(-50%);border-radius:1px}.vertical-tick-marks.orange .vtick{background:#530}.band-q-container{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.band-q-label{font-size:7px;color:var(--text-dim);margin-bottom:2px}.band-q-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:8px;flex:1;min-height:160px;background:var(--bg-active);border-radius:4px;touch-action:none;margin:0 auto}.band-q-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:8px;border-radius:3px;background:var(--warning);cursor:pointer;border:none;box-shadow:0 0 4px #ff880080;margin-left:-6px}.band-q-slider::-webkit-slider-runnable-track{width:8px;height:100%;background:transparent;border-radius:4px}.band-q-slider::-moz-range-thumb{width:20px;height:8px;border-radius:3px;background:var(--warning);cursor:pointer;border:none;box-shadow:0 0 4px #ff880080}.band-q-slider::-moz-range-track{width:8px;height:100%;background:transparent;border-radius:4px}.band-q-value{font-size:8px;color:var(--text-dim);margin-top:2px}.band-pan-container{display:flex;flex-direction:column;gap:1px;margin-top:4px;width:100%}.pan-lcr-row{display:flex;gap:1px;width:100%}.pan-btn{flex:1;padding:4px 0;font-size:7px;font-weight:600;border-radius:2px;background:var(--bg-active);color:var(--text-dim);min-width:0}.pan-btn.active{background:var(--accent);color:var(--bg)}.pan-btn.pan-off{width:100%}.pan-btn.pan-off.active{background:#444;color:var(--text-dim)}.eq-levels-section{display:flex;flex-direction:column;gap:6px;background:var(--bg-raised);padding:10px;border-radius:8px}.eq-level-param{display:flex;flex-direction:column;gap:2px}.eq-level-param label{font-size:8px;color:var(--text-dim);font-weight:600;letter-spacing:.5px;display:flex;justify-content:space-between}.eq-level-param label span{font-family:SF Mono,monospace;font-weight:400;font-size:9px;color:var(--accent)}.eq-level-param .slider-container{position:relative;height:24px}.eq-level-param .slider-container input[type=range]{width:100%;height:24px;-webkit-appearance:none;background:transparent;position:relative;z-index:2;touch-action:pan-x}.eq-level-param .slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0}.eq-level-param .slider-container input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.eq-level-param .slider-container input[type=range]::-webkit-slider-runnable-track{height:24px;background:#333;border-radius:4px}.eq-level-param .slider-container input[type=range]::-moz-range-track{height:24px;background:#333;border-radius:4px}.eq-level-param.feedback label span{color:var(--warning)}.eq-level-param.feedback .slider-container input[type=range]::-webkit-slider-thumb{background:var(--warning)}.eq-level-param.feedback .slider-container input[type=range]::-moz-range-thumb{background:var(--warning)}.eq-level-param .tick-marks{position:absolute;top:0;left:12px;right:12px;height:100%;pointer-events:none;z-index:1}.eq-level-param .tick{position:absolute;width:2px;height:8px;background:#555;top:50%;transform:translate(-50%,-50%);border-radius:1px}.shelf-eq-section{background:var(--bg-raised);padding:10px;border-radius:8px;border:1px solid #444}.shelf-eq-section h3{font-size:9px;font-weight:700;letter-spacing:1px;color:#0f8;margin:0 0 8px}.shelf-controls{display:flex;gap:12px;flex-wrap:wrap}.shelf-param-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}.shelf-label{font-size:8px;font-weight:600;color:var(--text-dim);letter-spacing:1px;margin-bottom:2px}.shelf-param{display:flex;flex-direction:column;gap:2px}.shelf-param label{display:flex;justify-content:space-between;font-size:8px;color:var(--text-dim);font-weight:600;letter-spacing:.5px}.shelf-param label span{font-family:SF Mono,monospace;font-weight:400;font-size:9px;color:#0f8}.shelf-param .slider-container{position:relative;height:24px;padding:0 2px}.shelf-param .slider-container input[type=range]{width:100%;height:24px;-webkit-appearance:none;background:transparent;position:relative;z-index:2;touch-action:pan-x}.shelf-param .slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#0f8;cursor:pointer;margin-top:3px}.shelf-param .slider-container input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0f8;cursor:pointer;border:none}.shelf-param .slider-container input[type=range]::-webkit-slider-runnable-track{height:24px;background:#333;border-radius:4px}.shelf-param .slider-container input[type=range]::-moz-range-track{height:24px;background:#333;border-radius:4px}.eq-info{text-align:center;padding:8px}.eq-info p{font-size:9px;color:var(--text-dim);margin:2px 0;line-height:1.4}@media (max-width: 390px){.eq-screen{padding:8px}.eq-bands{gap:2px}.eq-band{padding:4px 1px}.band-freq{font-size:7px}.band-gain-slider{min-height:120px}.band-gain-slider::-webkit-slider-thumb,.band-q-slider::-webkit-slider-thumb{width:8px;height:5px}.band-q-slider{min-height:120px}.pan-btn{font-size:6px;padding:3px 0}.preset-buttons button{font-size:8px;padding:6px 2px}}@media (min-width: 1024px){.eq-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.base-freq-row input[type=range],.global-q-row input[type=range],.harmonic-ratio-row input[type=range],.eq-drive-row input[type=range],.eq-level-param .slider-container input[type=range],.comp-param .slider-container input[type=range]{width:100%}}.mix-screen{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.mix-header{padding-bottom:8px;border-bottom:1px solid #222}.mix-header .section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);margin:0}.mix-header .section-desc{font-size:10px;color:var(--text-dim);margin:4px 0 0}.comp-presets-section{background:var(--bg-raised);padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.preset-label{font-size:8px;font-weight:600;color:var(--text-dim);letter-spacing:1px}.preset-label.experimental{color:#a6f;margin-top:4px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.preset-btn{padding:8px 4px;font-size:8px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg-active);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-btn.experimental{border:1px solid #aa66ff33}.preset-btn.experimental:active{background:#a6f;color:var(--bg)}.mix-screen .comp-section{background:var(--bg-raised);padding:10px;border-radius:8px;border:1px solid #333}.mix-screen .comp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #444}.mix-screen .comp-header h3{font-size:9px;font-weight:700;letter-spacing:1px;color:#a6f;margin:0}.mix-screen .comp-meter{flex:1;display:flex;align-items:center;gap:6px;margin:0 8px}.mix-screen .comp-meter-label{font-size:8px;font-weight:600;color:var(--text-dim);letter-spacing:.5px}.mix-screen .comp-meter-bar{flex:1;height:8px;background:#222;border-radius:4px;overflow:hidden}.mix-screen .comp-meter-fill{height:100%;background:linear-gradient(to right,#4f4,#ff0,#f44);transition:width .05s ease-out}.mix-screen .comp-meter-value{font-size:9px;font-family:SF Mono,monospace;color:#a6f;min-width:40px;text-align:right}.mix-screen .comp-toggle{padding:6px 10px;font-size:8px;font-weight:600;letter-spacing:.5px;border-radius:3px;background:var(--bg);color:var(--text-dim)}.mix-screen .comp-toggle.active{background:#a6f;color:var(--bg)}.mix-screen .comp-controls{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.mix-screen .comp-param{flex:1;min-width:80px;display:flex;flex-direction:column;gap:2px}.mix-screen .comp-param label{display:flex;justify-content:space-between;font-size:8px;color:var(--text-dim);font-weight:600;letter-spacing:.5px}.mix-screen .comp-param label span{font-family:SF Mono,monospace;font-weight:400;font-size:9px;color:#a6f}.mix-screen .comp-param .slider-container{position:relative;height:24px}.mix-screen .comp-param .slider-container input[type=range]{width:100%;height:24px;-webkit-appearance:none;background:transparent;position:relative;z-index:2;touch-action:pan-x}.mix-screen .comp-param .slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#a6f;cursor:pointer;margin-top:0}.mix-screen .comp-param .slider-container input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#a6f;cursor:pointer;border:none}.mix-screen .comp-param .slider-container input[type=range]::-webkit-slider-runnable-track{height:24px;background:#333;border-radius:4px}.mix-screen .comp-param .slider-container input[type=range]::-moz-range-track{height:24px;background:#333;border-radius:4px}.mix-screen .comp-param .tick-marks{position:absolute;top:0;left:12px;right:12px;height:100%;pointer-events:none;z-index:1}.mix-screen .comp-param .tick{position:absolute;width:2px;height:8px;background:#555;top:50%;transform:translate(-50%,-50%);border-radius:1px}.mix-info{text-align:center;padding:8px}.mix-info p{font-size:9px;color:var(--text-dim);margin:2px 0;line-height:1.4}@media (max-width: 390px){.mix-screen{padding:8px}}@media (min-width: 768px){.mix-screen{padding:16px;gap:16px}.mix-header .section-title{font-size:13px}.mix-header .section-desc{font-size:12px}.comp-presets-section{padding:14px;gap:8px}.preset-label{font-size:10px}.preset-grid{gap:6px}.preset-btn{padding:10px 6px;font-size:10px}.mix-screen .comp-section{padding:16px}.mix-screen .comp-header h3{font-size:11px}.mix-screen .comp-meter-label{font-size:10px}.mix-screen .comp-meter-bar{height:12px}.mix-screen .comp-meter-value{font-size:11px}.mix-screen .comp-toggle{padding:8px 14px;font-size:10px}.mix-screen .comp-controls{gap:12px}.mix-screen .comp-param{min-width:120px}.mix-screen .comp-param label{font-size:10px}.mix-screen .comp-param label span{font-size:11px}.mix-screen .comp-param .slider-container,.mix-screen .comp-param .slider-container input[type=range]{height:32px}.mix-screen .comp-param .slider-container input[type=range]::-webkit-slider-thumb{width:32px;height:32px}.mix-screen .comp-param .slider-container input[type=range]::-moz-range-thumb{width:32px;height:32px}.mix-screen .comp-param .slider-container input[type=range]::-webkit-slider-runnable-track{height:32px}.mix-screen .comp-param .slider-container input[type=range]::-moz-range-track{height:32px}.mix-info p{font-size:11px}}@media (min-width: 1024px){.mix-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));gap:12px}.mix-screen .comp-section{padding:12px}.mix-screen .comp-param{min-width:100px}.mix-screen .comp-param .slider-container,.mix-screen .comp-param .slider-container input[type=range]{height:28px;width:100%}.mix-screen .comp-param .slider-container input[type=range]::-webkit-slider-thumb{width:28px;height:28px}.mix-screen .comp-param .slider-container input[type=range]::-moz-range-thumb{width:28px;height:28px}.mix-screen .comp-param .slider-container input[type=range]::-webkit-slider-runnable-track{height:28px}.mix-screen .comp-param .slider-container input[type=range]::-moz-range-track{height:28px}}.effects-screen{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.fx-section{background:var(--bg-raised);padding:16px;border-radius:8px}.fx-param.wide{flex:2}.fx-param.freq-wide{flex:3}.tick-label{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:8px;color:#555;pointer-events:none}.bits-select{width:100%;padding:10px;font-size:14px;font-family:SF Mono,monospace;background:var(--bg);color:var(--text);border:1px solid #333;border-radius:4px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bits-select:focus{outline:none;border-color:var(--accent)}.reset-audio{margin-top:12px;background:#422}.reset-audio:active{background:#f44;color:#fff}.reset-btn{width:100%;padding:10px;margin-top:8px;border-radius:4px;font-size:11px;letter-spacing:1px;background:var(--bg)}.fx-desc{font-size:10px;color:var(--text-dim);margin-top:12px;line-height:1.4}.distortion-types{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.type-btn{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:4px;background:var(--bg);transition:all .15s}.type-btn:active,.type-btn.active{background:var(--accent);color:var(--bg)}.type-label{font-size:11px;font-weight:600;letter-spacing:.5px}.type-desc{font-size:8px;opacity:.7;margin-top:2px}.routing-toggle{display:flex;align-items:center;gap:8px;margin-top:12px}.routing-toggle span{font-size:10px;color:var(--text-dim);letter-spacing:1px}.routing-toggle button{flex:1;padding:8px;font-size:9px;border-radius:4px;background:var(--bg);letter-spacing:.5px}.routing-toggle button.active{background:var(--accent);color:var(--bg)}.export-buttons{display:flex;gap:8px}.export-btn{flex:1;padding:14px;font-size:11px;letter-spacing:1px;border-radius:4px;background:var(--bg);transition:all .15s}.export-btn:active:not(:disabled){background:var(--accent);color:var(--bg)}.export-btn:disabled{opacity:.4;cursor:not-allowed}.export-btn.recording{background:#f44;color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.vintage-presets,.filter-presets{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.preset-btn{padding:6px 8px;font-size:9px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg);transition:all .15s}.preset-btn:active,.preset-btn.active{background:var(--accent);color:var(--bg)}.fx-row.bit-row{align-items:flex-start;flex-direction:column;gap:4px}.fx-row.bit-row>label{font-size:10px;color:var(--text-dim);letter-spacing:1px;margin-bottom:4px}.bit-switches-grid{display:flex;flex-direction:column;gap:2px;width:100%}.bit-row-label{width:28px;font-size:8px;font-weight:600;color:var(--text-dim);text-align:right;padding-right:4px;flex-shrink:0}.bit-cell{flex:1;height:24px;min-width:0;border-radius:3px;background:var(--bg);transition:all .15s}.bit-cell.active.inv{background:var(--accent)}.bit-switches{display:flex;gap:4px;flex:1}.bit-btn{flex:1;padding:8px 4px;font-size:10px;font-weight:600;border-radius:4px;background:var(--bg);transition:all .15s}.bit-btn.on{background:#000;color:#fff}.bit-btn.mute{background:#555;color:#333}.bit-btn.inv{background:#fff;color:#000}.character-toggles{display:flex;flex-direction:column;gap:6px}.toggle-row{display:flex;gap:4px}.char-btn{flex:1;padding:8px 4px;font-size:9px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg);transition:all .15s}.char-btn:active,.char-btn.active{background:var(--accent);color:var(--bg)}@media (max-width: 390px){.effects-screen{padding:10px;gap:10px}.fx-section{padding:10px}.section-title{font-size:10px;margin-bottom:8px}.fx-row{gap:10px;margin-bottom:8px}.fx-param{gap:4px}.fx-param label{font-size:9px}.param-value{font-size:12px}.reset-btn{padding:8px;font-size:10px}.fx-desc{font-size:9px;margin-top:8px}.distortion-types{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:10px}.type-btn{padding:6px 1px}.type-label{font-size:8px}.type-desc{font-size:6px}.routing-toggle{gap:6px;margin-top:8px}.routing-toggle span{font-size:9px}.routing-toggle button{padding:6px;font-size:8px}.export-buttons{gap:6px}.export-btn{padding:10px;font-size:10px}}@media (min-width: 1024px){.effects-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.fx-param input[type=range]{width:100%}}.drift-screen{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.drift-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-desc{font-size:10px;color:var(--text-dim);margin-bottom:12px}.section-header .section-title{margin-bottom:0}.waveform-canvas{width:100%;height:60px;border-radius:4px;margin-bottom:12px}.capacitor-section{background:linear-gradient(180deg,var(--bg-raised) 0%,rgba(var(--accent-rgb),.1) 100%)}.capacitor-display{margin-bottom:16px}.capacitor-track{position:relative;height:40px;background:#222;border-radius:8px;overflow:hidden;margin-bottom:8px}.capacitor-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent) 0%,rgba(var(--accent-rgb),.3) 100%);transition:width .1s ease-out}.capacitor-indicator{position:absolute;top:50%;width:4px;height:28px;background:#fff;border-radius:2px;transform:translate(-50%,-50%);transition:left .1s ease-out;z-index:2;box-shadow:0 0 8px #ffffff80}.capacitor-indicator.charging{box-shadow:0 0 12px #64ff64b3}.capacitor-indicator.discharging{box-shadow:0 0 12px #ff6464b3}.capacitor-bounds{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;z-index:1;pointer-events:none}.bound-label{font-size:10px;color:var(--text-dim);font-family:SF Mono,monospace}.bound-label.center{position:absolute;left:50%;transform:translate(-50%)}.cap-info-row{display:flex;justify-content:center;align-items:center;gap:12px}.capacitor-value{font-size:20px;font-family:SF Mono,monospace;color:var(--text);letter-spacing:2px}.cap-direction{font-size:20px;color:var(--accent)}.cap-buttons{display:flex;gap:8px}.drift-param{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.drift-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px}.drift-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent;position:relative}.drift-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0}.drift-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.drift-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.drift-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.tick.center{height:16px;background:#777}.reset-btn{flex:1;padding:10px;border-radius:4px;font-size:11px;letter-spacing:1px;background:var(--bg)}.reset-btn:active{background:var(--accent);color:var(--bg)}.sensors-btn{padding:6px 12px;border-radius:4px;font-size:10px;letter-spacing:1px;background:var(--bg);transition:all .15s}.sensors-btn.active{background:#2a4;color:#fff}.mod-matrix-section{padding:12px}.mod-slots{display:flex;flex-direction:column;gap:8px}.mod-slot{background:var(--bg);border-radius:6px;padding:8px;opacity:.6;transition:opacity .15s}.mod-slot.enabled{opacity:1;background:rgba(var(--accent-rgb),.1)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.slot-number{font-size:10px;font-weight:600;color:var(--text-dim);width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:50%}.enable-btn{padding:4px 8px;font-size:9px;letter-spacing:.5px;border-radius:3px;background:#333}.enable-btn.active{background:var(--accent);color:var(--bg)}.slot-routing{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.source-select,.dest-select{padding:6px 8px;font-size:10px;font-family:SF Mono,monospace;background:#222;color:var(--text);border:1px solid #444;border-radius:4px;min-width:70px}.source-select:focus,.dest-select:focus{outline:none;border-color:var(--accent)}.arrow{font-size:12px;color:var(--text-dim)}.attenuvert-controls,.offset-controls{display:flex;flex-direction:column;align-items:center;gap:2px}.mini-slider{width:50px;height:20px;-webkit-appearance:none;background:transparent}.mini-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.mini-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.mini-slider::-webkit-slider-runnable-track{height:4px;background:#444;border-radius:2px}.mini-slider::-moz-range-track{height:4px;background:#444;border-radius:2px}.mini-value{font-size:8px;font-family:SF Mono,monospace;color:var(--text-dim)}.sensor-values{display:flex;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:1px solid #333}.sensor-values span{font-size:9px;font-family:SF Mono,monospace;color:var(--text-dim)}.destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.destination-btn{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:6px;background:var(--bg);transition:all .15s}.destination-btn:active,.destination-btn.active{background:var(--accent);color:var(--bg)}.dest-label{font-size:9px;font-weight:600;letter-spacing:.5px}@media (max-width: 390px){.drift-screen{padding:10px;gap:10px}.drift-section{padding:10px}.section-title{font-size:10px;margin-bottom:8px}.waveform-canvas{height:50px;margin-bottom:8px}.capacitor-track{height:32px}.capacitor-value,.cap-direction{font-size:16px}.drift-param{gap:4px;margin-bottom:8px}.drift-param label{font-size:9px}.param-value{font-size:12px}.mod-slot{padding:6px}.slot-routing{gap:4px}.source-select,.dest-select{padding:4px 6px;font-size:9px;min-width:60px}.mini-slider{width:40px}.destination-grid{grid-template-columns:repeat(3,1fr);gap:4px}.destination-btn{padding:8px 2px}.dest-label{font-size:8px}}@media (min-width: 1024px){.drift-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.drift-param input[type=range],.mini-slider{width:100%}}.envelope-editor{display:flex;flex-direction:column;gap:8px;width:100%}.envelope-graph-container{width:100%;background:#1a1a1a;border-radius:6px;padding:4px;touch-action:none}.envelope-graph{width:100%;height:60px;display:block}.grid-line{stroke:#333;stroke-width:1}.attack-zone{fill:#aa66ff10;stroke:none}.envelope-path{stroke:#a6f;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(170,102,255,.4))}.envelope-path.open{stroke:#0f8;filter:drop-shadow(0 0 4px rgba(0,255,136,.4))}.drag-handle{cursor:grab;transition:r .1s,fill-opacity .1s;stroke-width:2}.drag-handle:hover{r:10}.drag-handle.dragging{cursor:grabbing;r:10}.attack-handle{fill:#0cf;stroke:#0cf;fill-opacity:.3}.attack-handle:hover,.attack-handle.dragging{fill-opacity:.6}.release-handle{fill:#f80;stroke:#f80;fill-opacity:.3}.release-handle:hover,.release-handle.dragging{fill-opacity:.6}.time-label{font-size:8px;font-family:SF Mono,monospace;fill:#666}.time-label.release-label{text-anchor:end}.envelope-presets{display:flex;gap:4px}.preset-btn{flex:1;padding:8px 6px;font-size:9px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg);color:var(--text-dim);border:1px solid #333;cursor:pointer;transition:all .15s}.preset-btn:hover{background:#333;border-color:#444}.preset-btn.active{background:#a6f;color:var(--bg);border-color:#a6f}.envelope-slider-row{display:flex;flex-direction:column;gap:2px}.envelope-slider-row label{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:.5px}.slider-label{color:var(--text-dim)}.slider-value{font-family:SF Mono,monospace;font-weight:400;font-size:9px;color:#a6f}.envelope-slider{width:100%;height:24px;-webkit-appearance:none;background:transparent;touch-action:pan-x}.envelope-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#a6f;cursor:pointer;margin-top:-8px}.envelope-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#a6f;cursor:pointer;border:none}.envelope-slider::-webkit-slider-runnable-track{height:4px;background:#333;border-radius:2px}.envelope-slider::-moz-range-track{height:4px;background:#333;border-radius:2px}.envelope-slider:disabled{opacity:.4}.attack-slider::-webkit-slider-thumb{background:#0cf}.attack-slider::-moz-range-thumb{background:#0cf}.envelope-slider-row:has(.attack-slider) .slider-value{color:#0cf}.release-slider::-webkit-slider-thumb{background:#f80}.release-slider::-moz-range-thumb{background:#f80}.envelope-slider-row:has(.release-slider) .slider-value{color:#f80}.tremolo-slider::-webkit-slider-thumb{background:#fc0}.tremolo-slider::-moz-range-thumb{background:#fc0}.envelope-slider-row:has(.tremolo-slider) .slider-value{color:#fc0}.advanced-toggle{padding:6px 10px;font-size:8px;font-weight:600;letter-spacing:1px;border-radius:4px;background:transparent;color:var(--text-dim);border:1px solid #333;cursor:pointer;transition:all .15s;align-self:flex-start}.advanced-toggle:hover{border-color:#555;color:var(--text)}.advanced-toggle.open{background:#333;border-color:#555;color:var(--text)}.advanced-controls{display:flex;flex-direction:column;gap:8px;padding:8px;background:#1a1a1a;border-radius:6px;border:1px solid #333}.tremolo-section{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid #333;margin-top:4px}.tremolo-header{font-size:8px;font-weight:600;letter-spacing:1px;color:#fc0;display:flex;align-items:center;gap:8px}.active-indicator{font-size:7px;padding:2px 4px;background:#fc0;color:#000;border-radius:2px}@media (max-width: 390px){.envelope-graph{height:50px}.preset-btn{padding:6px 4px;font-size:8px}.envelope-slider{height:20px}.envelope-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}.envelope-slider::-moz-range-thumb{width:18px;height:18px}}.vox-screen{padding:8px 8px 0;background:var(--bg);display:flex;flex-direction:column;height:100%;overflow:hidden}.vox-voice-selector{display:flex;gap:4px;margin-bottom:12px;flex-shrink:0}.vox-grid-scroll{flex:1;overflow-y:auto;padding-bottom:max(34px,env(safe-area-inset-bottom,34px))}.vox-voice-btn{flex:1;padding:6px 4px;font-size:10px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg-raised);color:var(--voice-color);transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:2px;border-left:3px solid var(--voice-color)}.vox-voice-name{display:block}.vox-voice-btn.active{background:var(--voice-color);color:var(--bg)}.vox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vox-section{background:var(--bg-raised);border-radius:8px;padding:8px;border:1px solid #333}.vox-section h3{font-size:9px;font-weight:700;letter-spacing:1px;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #444}.osc-section h3{color:#f4c;border-bottom-color:#f4c4}.pitch-section h3{color:#f80;border-bottom-color:#f804}.vca-section h3{color:#a6f;border-bottom-color:#a6f4}.vcf-section h3{color:#4c4;border-bottom-color:#4c44}.noise-section h3{color:#fc0;border-bottom-color:#fc04}.burst-section h3{color:#0cf;border-bottom-color:#0cf4}.vox-controls{display:flex;flex-direction:column;gap:6px}.vox-mode-row{display:flex;gap:6px;align-items:center}.vox-mode-buttons{display:flex;gap:2px}.vox-mode-buttons.vox-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.vox-mode-buttons button{padding:6px 8px;font-size:8px;font-weight:600;border-radius:3px;background:var(--bg);color:var(--text-dim);letter-spacing:.5px}.vox-mode-buttons button.active{background:var(--accent);color:var(--bg)}.vca-mode .vox-mode-buttons button.active{background:#a6f}.vca-mode .vox-mode-buttons button:last-child.active{background:#0f8}.transient-row{margin-bottom:4px}.transient-type button{padding:5px 10px}.transient-type button.active{background:#fc0;color:var(--bg)}.vox-waveform-viz{flex:1;min-width:60px}.waveform-canvas{width:100%;height:32px;background:#222;border-radius:4px}.vox-env-viz{flex:1;min-width:60px}.vox-env-viz .envelope-curve{width:100%;height:32px;background:#222;border-radius:4px}.vox-param{display:flex;flex-direction:column;gap:2px}.vox-param label{font-size:8px;color:var(--text-dim);font-weight:600;letter-spacing:.5px;display:flex;justify-content:space-between}.vox-param label span{font-family:SF Mono,monospace;font-weight:400;font-size:9px}.slider-container{position:relative;height:24px}.slider-container input[type=range]{width:100%;height:24px;-webkit-appearance:none;background:transparent;position:relative;z-index:2;touch-action:pan-x}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;cursor:pointer;margin-top:0}.slider-container input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;cursor:pointer;border:none}.slider-container input[type=range]::-webkit-slider-runnable-track{height:24px;background:#333;border-radius:4px}.slider-container input[type=range]::-moz-range-track{height:24px;background:#333;border-radius:4px}.slider-container input[type=range]:disabled{opacity:.4}.tick-marks{position:absolute;top:0;left:12px;right:12px;height:100%;pointer-events:none;z-index:1}.tick{position:absolute;width:2px;height:8px;background:#555;top:50%;transform:translate(-50%,-50%);border-radius:1px}.wave-color label span{color:#f4c}.wave-color input[type=range]::-webkit-slider-thumb{background:#f4c}.wave-color input[type=range]::-moz-range-thumb{background:#f4c}.pitch-color label span{color:#f80}.pitch-color input[type=range]::-webkit-slider-thumb{background:#f80}.pitch-color input[type=range]::-moz-range-thumb{background:#f80}.time-color label span{color:#0cf}.time-color input[type=range]::-webkit-slider-thumb{background:#0cf}.time-color input[type=range]::-moz-range-thumb{background:#0cf}.filter-color label span{color:#4c4}.filter-color input[type=range]::-webkit-slider-thumb{background:#4c4}.filter-color input[type=range]::-moz-range-thumb{background:#4c4}.env-color label span{color:#a6f}.env-color input[type=range]::-webkit-slider-thumb{background:#a6f}.env-color input[type=range]::-moz-range-thumb{background:#a6f}.noise-color label span{color:#fc0}.noise-color input[type=range]::-webkit-slider-thumb{background:#fc0}.noise-color input[type=range]::-moz-range-thumb{background:#fc0}.osc-section,.vcf-section,.vca-section{grid-column:span 2}.osc-section .vox-controls,.vcf-section .vox-controls{flex-direction:row;flex-wrap:wrap}.vca-section .vox-controls{flex-direction:column}.osc-section .vox-mode-row,.vca-section .vox-mode-row{width:100%;margin-bottom:4px}.osc-section .vox-param,.vcf-section .vox-param,.vca-section .vox-param{flex:1;min-width:70px}@media (max-width: 390px){.vox-screen{padding:6px}.vox-grid{gap:6px}.vox-section{padding:6px}.vox-section h3{font-size:8px;margin-bottom:6px}.vox-param label{font-size:7px}.vox-param label span{font-size:8px}.slider-container,.slider-container input[type=range]{height:20px}.slider-container input[type=range]::-webkit-slider-thumb{width:20px;height:20px}.slider-container input[type=range]::-moz-range-thumb{width:20px;height:20px}.slider-container input[type=range]::-webkit-slider-runnable-track{height:20px}.slider-container input[type=range]::-moz-range-track{height:20px}.tick-marks{left:10px;right:10px}.tick{height:6px}.tick.center{height:10px}.vox-mode-buttons button{padding:5px 6px;font-size:7px}.vox-voice-btn{padding:6px 2px;font-size:9px}}@media (max-width: 320px){.vox-grid{grid-template-columns:1fr}.osc-section,.vcf-section,.vca-section{grid-column:span 1}.osc-section .vox-controls,.vcf-section .vox-controls,.vca-section .vox-controls{flex-direction:column}.osc-section .vox-param,.vcf-section .vox-param,.vca-section .vox-param{min-width:100%}}.vox-mode-buttons .sample-mode{background:linear-gradient(135deg,#f60,#f33);color:#fff}.vox-mode-buttons .sample-mode.active{background:linear-gradient(135deg,#f83,#f55);box-shadow:0 0 8px #ff660080}.sample-editor{width:100%;display:flex;flex-direction:column;gap:12px;padding:8px 0}.sample-editor-record{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.sample-editor-or{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.sample-import-btn{padding:12px 24px;font-size:12px;font-weight:600;border-radius:6px;background:var(--bg);color:var(--text);border:1px solid #444;cursor:pointer;transition:all .15s}.sample-import-btn:hover{background:#333;border-color:#666}.sample-recorder{display:flex;flex-direction:column;align-items:center;gap:8px}.sample-record-btn{position:relative;width:100px;height:100px;border:none;background:transparent;cursor:pointer;touch-action:none}.sample-record-btn svg{width:100%;height:100%}.sample-record-btn .progress-ring{transition:stroke-dashoffset .1s linear}.sample-record-btn .pulse{animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.8}to{opacity:1}}.sample-record-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#fff;letter-spacing:1px}.sample-record-label .recording-time{font-variant-numeric:tabular-nums}.sample-record-error{color:#f44;font-size:11px}.sample-record-hint{font-size:10px;color:var(--text-dim)}.sample-waveform{width:100%;display:flex;flex-direction:column;gap:4px}.sample-waveform canvas{width:100%;border-radius:4px;touch-action:none}.sample-waveform-info{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);padding:0 4px}.sample-time{color:#f60}.sample-points{display:flex;gap:12px}.sample-point{flex:1;display:flex;flex-direction:column;gap:4px}.sample-point-label{font-size:9px;font-weight:600;color:var(--text-dim);letter-spacing:1px}.sample-point-controls{display:flex;align-items:center;gap:4px}.sample-point-controls button{padding:4px 6px;font-size:10px;font-weight:600;border-radius:3px;background:var(--bg);color:var(--text-dim);border:none;cursor:pointer}.sample-point-controls button:active{background:#444}.sample-point-value{flex:1;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:#f60}.sample-toggles{display:flex;gap:8px}.sample-toggle{flex:1;padding:8px;font-size:10px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg);color:var(--text-dim);border:1px solid #333;cursor:pointer;transition:all .15s}.sample-toggle.active{background:#0f8;color:#000;border-color:#0f8}.sample-tuning{display:flex;flex-direction:column;gap:8px}.sample-tune-control{display:flex;align-items:center;gap:8px}.sample-tune-label{width:50px;font-size:9px;font-weight:600;color:var(--text-dim);letter-spacing:1px}.sample-tune-control input[type=range]{flex:1;height:24px;-webkit-appearance:none;background:#333;border-radius:4px;outline:none}.sample-tune-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#f60;cursor:pointer}.sample-tune-value{width:50px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;color:#f60}.pitch-tuner{background:var(--bg);border-radius:6px;padding:12px;border:1px solid #333}.pitch-tuner-display{display:flex;align-items:center;gap:12px}.pitch-detected,.pitch-adjusted{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.pitch-label{font-size:8px;font-weight:600;color:var(--text-dim);letter-spacing:1px}.pitch-note{font-size:20px;font-weight:700;color:var(--text)}.pitch-note.in-tune{color:#0f8}.pitch-octave{font-size:12px;opacity:.7}.pitch-cents{font-size:11px;color:var(--text-dim)}.pitch-cents.in-tune{color:#0f8}.pitch-meter{flex:2;display:flex;flex-direction:column;gap:4px}.pitch-meter-scale{display:flex;justify-content:space-between;font-size:8px;color:var(--text-dim);padding:0 4px}.pitch-meter-center{color:#0f8}.pitch-meter-bar{position:relative;height:16px;background:#333;border-radius:8px;overflow:visible}.pitch-meter-ticks{position:absolute;top:0;left:0;right:0;bottom:0}.pitch-meter-tick{position:absolute;top:2px;bottom:2px;width:1px;background:#555}.pitch-meter-tick.center{background:#0f8;width:2px}.pitch-meter-needle{position:absolute;top:-2px;width:4px;height:20px;background:#f60;border-radius:2px;transform:translate(-50%);transition:left .1s ease-out}.pitch-meter-needle.in-tune{background:#0f8}.pitch-meter-center-zone{position:absolute;top:4px;bottom:4px;left:45%;width:10%;background:#0f83;border-radius:4px}.pitch-freq{text-align:center;font-size:10px;color:var(--text-dim);margin-top:8px}.sample-io{display:flex;gap:6px;flex-wrap:wrap}.sample-io-btn{flex:1;min-width:60px;padding:8px 12px;font-size:10px;font-weight:600;border-radius:4px;background:var(--bg);color:var(--text);border:1px solid #444;cursor:pointer;transition:all .15s}.sample-io-btn:hover{background:#333}.sample-io-btn.danger{border-color:#f44;color:#f44}.sample-io-btn.danger:hover{background:#f443}@media (min-width: 768px){.vox-screen{padding:16px}.vox-voice-selector{gap:8px;margin-bottom:16px}.vox-voice-btn{padding:10px 8px;font-size:12px;border-radius:6px;border-left-width:4px}.vox-grid{grid-template-columns:repeat(3,1fr);gap:12px}.vox-section{padding:12px;border-radius:10px}.vox-section h3{font-size:11px;margin-bottom:10px}.vox-controls{gap:10px}.vox-param label{font-size:10px}.vox-param label span{font-size:11px}.vox-screen .slider-container,.vox-screen .slider-container input[type=range]{height:32px}.vox-screen .slider-container input[type=range]::-webkit-slider-thumb{width:32px;height:32px}.vox-screen .slider-container input[type=range]::-moz-range-thumb{width:32px;height:32px}.vox-screen .slider-container input[type=range]::-webkit-slider-runnable-track{height:32px}.vox-screen .slider-container input[type=range]::-moz-range-track{height:32px}.vox-mode-buttons button{padding:8px 12px;font-size:10px}.tick{height:10px}.tick.center{height:14px}.osc-section{grid-column:span 3}.vcf-section,.vca-section{grid-column:span 2}.osc-section .vox-param,.vcf-section .vox-param,.vca-section .vox-param{min-width:100px}.sample-editor{gap:16px}.sample-record-btn{width:120px;height:120px}.sample-record-label{font-size:16px}}@media (min-width: 1024px){.vox-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.vox-voice-selector{margin-bottom:12px}.vox-grid{grid-template-columns:repeat(4,1fr);gap:10px}.vox-section{padding:10px}.vox-section h3{font-size:10px;margin-bottom:8px}.osc-section{grid-column:span 4}.vcf-section,.vca-section{grid-column:span 2}.vox-screen .slider-container,.vox-screen .slider-container input[type=range]{height:28px;width:100%}.vox-screen .slider-container input[type=range]::-webkit-slider-thumb{width:28px;height:28px}.vox-screen .slider-container input[type=range]::-moz-range-thumb{width:28px;height:28px}.vox-screen .slider-container input[type=range]::-webkit-slider-runnable-track{height:28px}.vox-screen .slider-container input[type=range]::-moz-range-track{height:28px}.vox-grid-scroll{padding-bottom:max(48px,env(safe-area-inset-bottom,48px))}}.sys-screen{padding:1rem;max-width:100%;overflow-x:auto}.sys-settings{margin-bottom:1.5rem;padding:1rem;background:var(--bg-elevated);border-radius:4px;border-left:3px solid var(--accent)}.settings-title{margin:0 0 .75rem;font-size:.85rem;color:var(--accent);letter-spacing:1px}.settings-row{display:flex;flex-direction:column;gap:.5rem}.settings-row label{font-size:.7rem;color:var(--text-dim);letter-spacing:1px}.fps-selector{display:flex;gap:.5rem}.fps-btn{flex:1;padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fps-btn:hover{background:var(--bg-hover, rgba(255,255,255,.1))}.fps-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.settings-hint{font-size:.65rem;color:var(--text-dim);opacity:.7}.sys-title{margin:0 0 .25rem;font-size:1.2rem;color:var(--accent)}.sys-subtitle{margin:0 0 1rem;font-size:.75rem;color:var(--text-dim)}.sys-group{margin-bottom:1.5rem}.sys-group-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}.sys-group-header h3{margin:0;font-size:.9rem;color:var(--text)}.sys-screen-tag{font-size:.65rem;padding:.1rem .3rem;background:var(--bg-elevated);border-radius:3px;color:var(--text-dim)}.sys-table{width:100%;border-collapse:collapse;font-size:.7rem}.sys-table th{text-align:left;padding:.25rem .5rem;background:var(--bg-elevated);color:var(--text-dim);font-weight:500;border-bottom:1px solid var(--border)}.sys-table td{padding:.25rem .5rem;border-bottom:1px solid var(--border-dim, rgba(255,255,255,.05));vertical-align:top}.sys-table tr:hover td{background:var(--bg-elevated)}.param-name{font-weight:500;color:var(--accent);white-space:nowrap}.param-range{font-family:monospace;color:var(--text);white-space:nowrap}.param-scale{color:var(--text-dim);font-style:italic}.param-notes{color:var(--text-dim);font-size:.65rem}.sys-legend{margin-top:2rem;padding:1rem;background:var(--bg-elevated);border-radius:4px}.sys-legend h3{margin:0 0 .75rem;font-size:.85rem;color:var(--text)}.sys-legend dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.7rem}.sys-legend dt{font-weight:500;color:var(--accent);font-family:monospace}.sys-legend dd{margin:0;color:var(--text-dim)}.sys-cheatsheet{margin-top:2rem;padding:1rem;background:var(--bg-elevated);border-radius:4px;border-left:3px solid var(--accent)}.sys-cheatsheet h3{margin:0 0 .5rem;font-size:.9rem;color:var(--accent)}.cheatsheet-intro{margin:0 0 1rem;font-size:.7rem;color:var(--text-dim)}.cheatsheet-section{margin-bottom:1rem}.cheatsheet-section:last-child{margin-bottom:0}.cheatsheet-section h4{margin:0 0 .25rem;font-size:.75rem;color:var(--text)}.cheatsheet-section>code{display:block;padding:.5rem;background:var(--bg);border-radius:3px;font-size:.7rem;color:var(--accent);margin-bottom:.25rem}.cheatsheet-section .example{margin:.25rem 0 0;font-size:.65rem;color:var(--text-dim);font-style:italic}.cheatsheet-section ul{margin:0;padding-left:1.25rem;font-size:.65rem}.cheatsheet-section li{margin-bottom:.25rem;color:var(--text-dim)}.cheatsheet-section li code{background:var(--bg);padding:.1rem .3rem;border-radius:2px;color:var(--text)}.cheatsheet-section li strong{color:var(--accent)}.curve-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.25rem;font-size:.65rem}.curve-grid span{padding:.2rem .4rem;background:var(--bg);border-radius:2px}.curve-grid code{color:var(--accent);font-weight:500}.defaults-list{padding-left:0!important;list-style:none}.defaults-list li{padding:.25rem .4rem;background:var(--bg);border-radius:2px;margin-bottom:.35rem}.preset-list{margin:0;font-size:.7rem;font-family:monospace;color:var(--text);word-spacing:.5rem}.screen-list{padding:.75rem;background:var(--bg);border-radius:3px}.screen-row{margin-bottom:.75rem}.screen-row:last-child{margin-bottom:0}.screen-row h4{margin:0 0 .25rem;font-size:.7rem;color:var(--accent)}.screen-row p{margin:0;font-size:.65rem;color:var(--text-dim);line-height:1.5}.groove-presets-list{display:grid;gap:.35rem;padding:.75rem;background:var(--bg);border-radius:3px}.groove-preset{font-size:.65rem;color:var(--text-dim);padding:.25rem .4rem;background:var(--bg-elevated);border-radius:2px}.groove-preset strong{color:var(--accent)}.sys-explanation{margin:.5rem 0;padding:.75rem;background:var(--bg);border-radius:3px;font-size:.75rem;line-height:1.4;color:var(--text-dim)}.voice-presets,.wave-modes{display:grid;gap:.75rem;margin-top:.75rem}.preset-detail,.mode-detail{padding:.75rem;background:var(--bg);border-radius:3px;border-left:2px solid var(--accent-dim, #00aa55)}.preset-detail h4,.mode-detail h4{margin:0 0 .25rem;font-size:.8rem;color:var(--accent)}.preset-detail p,.mode-detail p{margin:0 0 .5rem;font-size:.7rem;color:var(--text-dim);font-style:italic}.preset-detail ul,.mode-detail ul{margin:0;padding-left:1.25rem;font-size:.7rem}.preset-detail li,.mode-detail li{margin-bottom:.25rem;color:var(--text-dim);line-height:1.4}.preset-detail li strong,.mode-detail li strong{color:var(--text)}.signal-chain{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.75rem;padding:.75rem;background:var(--bg);border-radius:3px}.chain-step{padding:.5rem 1rem;background:var(--bg-elevated);border-radius:3px;font-size:.7rem;color:var(--text);text-align:center;width:100%;max-width:400px}.chain-arrow{color:var(--accent);font-size:1rem;line-height:.5}.insights-list{margin:.75rem 0 0;padding-left:1.25rem;font-size:.75rem}.insights-list li{margin-bottom:.5rem;color:var(--text-dim);line-height:1.5}.insights-list li strong{color:var(--accent)}.sys-colors{margin-top:2rem;padding:1rem;background:var(--bg-elevated);border-radius:4px;border-left:3px solid var(--accent)}.sys-colors h3{margin:0 0 1rem;font-size:.9rem;color:var(--accent)}.color-section{margin-bottom:1rem}.color-section:last-child{margin-bottom:0}.color-section h4{margin:0 0 .5rem;font-size:.75rem;color:var(--text)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.color-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--bg);border-radius:3px;font-size:.65rem}.color-swatch{width:16px;height:16px;border-radius:2px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.color-item code{color:var(--accent);font-size:.6rem;flex-shrink:0}.color-hex{color:var(--text);font-family:monospace;font-size:.6rem}.color-label{color:var(--text-dim);font-size:.55rem;margin-left:auto;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 600px){.sys-table{font-size:.6rem}.sys-table th,.sys-table td{padding:.2rem .25rem}.param-notes{font-size:.55rem}.curve-grid{grid-template-columns:repeat(2,1fr)}.fps-btn{padding:.4rem .5rem;font-size:.75rem}}@media (min-width: 1024px){.sys-screen{padding:1rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,1.5rem))}}.trk-screen{display:flex;flex-direction:column;height:100%;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px));background:var(--bg);overflow:hidden}.trk-voice-selector{display:flex;gap:4px;margin-bottom:8px;flex-shrink:0}.trk-voice-btn{flex:1;padding:8px 4px;font-size:10px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg-raised);color:var(--text-dim);transition:all .15s}.trk-voice-btn.active{background:var(--accent);color:var(--bg)}.trk-header{display:flex;gap:2px;padding:6px 4px;background:#1a1a1a;border-radius:4px 4px 0 0;font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--text-dim);flex-shrink:0}.trk-header span,.trk-header select{text-align:center}.trk-header .active{color:var(--accent)}.trk-col-step{width:24px;flex-shrink:0}.trk-col-note{flex:1.2;min-width:44px}.trk-col-vel{flex:.8;min-width:32px}.trk-col-prob{flex:.9;min-width:36px}.trk-col-param{flex:1;min-width:48px}.trk-header select{background:transparent;border:none;color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.5px;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.trk-header select.active{color:var(--accent)}.trk-header select option{background:var(--bg-raised);color:var(--text)}.trk-grid{flex:1;overflow-y:auto;background:var(--bg-raised);border-radius:0 0 4px 4px;-webkit-overflow-scrolling:touch}.trk-row{display:flex;gap:2px;padding:6px 4px;font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--text-dim);border-bottom:1px solid #222;cursor:pointer;transition:background .1s}.trk-row:active{background:var(--bg-active)}.trk-row.downbeat{border-top:1px solid #333}.trk-row.active{color:var(--text)}.trk-row.active .trk-col-note{color:var(--accent)}.trk-row.cursor{background:#1a2a1a}.trk-row.cursor:before{content:"";position:absolute;left:0;width:3px;height:100%;background:var(--accent)}.trk-row.current{background:#2a1a1a}.trk-row.current:after{content:"";position:absolute;right:0;width:3px;height:100%;background:var(--warning)}.trk-row{position:relative}.trk-row .trk-col-step{color:#444;font-size:10px}.trk-row.downbeat .trk-col-step{color:#666}.trk-row span{text-align:center}.trk-row span.editing{background:#222;border-radius:2px}.trk-capacitor{display:flex;align-items:center;gap:8px;padding:8px;margin-top:8px;background:var(--bg-raised);border-radius:4px;flex-shrink:0}.trk-cap-label{font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:.5px}.trk-cap-bar{flex:1;height:12px;background:#222;border-radius:2px;position:relative;overflow:hidden}.trk-cap-fill{position:absolute;top:0;height:100%;background:var(--accent);opacity:.6;transition:width .1s,left .1s}.trk-cap-center{position:absolute;left:50%;top:0;width:2px;height:100%;background:#666;transform:translate(-50%)}.trk-cap-value{font-family:SF Mono,monospace;font-size:10px;color:var(--accent);min-width:40px;text-align:right}.trk-controls{display:flex;flex-direction:column;gap:8px;padding:12px;margin-top:8px;background:var(--bg-raised);border-radius:4px;flex-shrink:0}.trk-controls label{font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:.5px}.trk-controls input[type=range]{width:100%;height:32px}.trk-controls>span{font-family:SF Mono,monospace;font-size:12px;color:var(--accent);text-align:center}.trk-prob-controls{gap:8px}.trk-prob-row{display:flex;flex-direction:column;gap:4px}.trk-prob-row label{font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:.5px}.trk-prob-row input[type=range]{width:100%;height:32px}.trk-prob-value{font-family:SF Mono,monospace;font-size:14px;font-weight:700;color:var(--accent);text-align:center}.trk-prob-effective{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#1a1a1a;border-radius:4px}.trk-prob-calc{font-size:9px;color:var(--text-dim)}.trk-prob-result{font-family:SF Mono,monospace;font-size:16px;font-weight:700;color:var(--accent)}.trk-octave{display:flex;align-items:center;justify-content:center;gap:12px}.trk-octave button{width:36px;height:36px;border-radius:4px;background:var(--bg);color:var(--accent);font-size:18px;font-weight:700}.trk-octave span{font-size:12px;font-weight:600;color:var(--text);min-width:50px;text-align:center}.trk-piano{display:flex;justify-content:center;gap:2px;height:48px;position:relative}.piano-key{height:100%;border-radius:0 0 4px 4px;font-size:9px;font-weight:600;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.piano-key.white{width:28px;background:#e0e0e0;color:#333}.piano-key.white:active{background:var(--accent);color:var(--bg)}.piano-key.black{width:20px;height:60%;background:#333;color:transparent;margin:0 -10px;z-index:1}.piano-key.black:active{background:var(--accent-dim)}.trk-rest-btn{padding:12px;background:#322;color:#ff6b6b;font-size:11px;font-weight:700;letter-spacing:1px;border-radius:4px}.trk-rest-btn:active{background:#f44;color:#fff}.trk-mode-toggle{display:flex;justify-content:center;margin-top:8px;flex-shrink:0}.trk-mode-toggle button{padding:8px 16px;font-size:10px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg-raised);color:var(--text-dim)}.trk-mode-toggle button.active{background:var(--accent);color:var(--bg)}@media (max-width: 390px){.trk-screen{padding:6px}.trk-voice-btn{padding:6px 2px;font-size:9px}.trk-header{font-size:8px;padding:4px}.trk-row{font-size:10px;padding:5px 4px}.trk-col-step{width:20px}.trk-col-note{min-width:38px}.trk-col-vel{min-width:28px}.trk-col-prob{min-width:32px}.trk-col-param{min-width:42px}.piano-key.white{width:24px}.piano-key.black{width:16px;margin:0 -8px}.trk-piano{height:44px}.trk-octave button{width:32px;height:32px;font-size:16px}.trk-controls{padding:8px}.trk-controls input[type=range]{height:28px}}.roll-screen{display:flex;flex-direction:column;height:100%;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px));background:var(--bg);overflow:hidden}.roll-voice-selector{display:flex;gap:4px;margin-bottom:8px;flex-shrink:0}.roll-voice-btn{flex:1;padding:8px 4px;font-size:10px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg-raised);color:var(--text-dim);transition:all .15s}.roll-voice-btn.active{background:var(--accent);color:var(--bg)}.roll-mode-selector{display:flex;gap:4px;margin-bottom:8px;flex-shrink:0}.roll-mode-selector button{flex:1;padding:6px;font-size:9px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg-raised);color:var(--text-dim)}.roll-mode-selector button.active{background:var(--accent);color:var(--bg)}.roll-cap-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;background:var(--bg-raised);border-radius:4px;min-width:50px}.roll-cap-mini span:first-child{font-size:7px;color:var(--text-dim);letter-spacing:.5px}.roll-cap-mini span:last-child{font-family:SF Mono,monospace;font-size:10px;font-weight:600}.roll-cap-mini span.positive{color:var(--accent)}.roll-cap-mini span.negative{color:#ff6b6b}.roll-container{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.roll-scroll{height:28px;background:var(--bg-raised);color:var(--text-dim);font-size:16px;font-weight:700;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.roll-scroll:active{background:var(--accent);color:var(--bg)}.roll-grid-wrapper{flex:1;display:flex;min-height:0;overflow:hidden;margin:4px 0;border-radius:4px;background:var(--bg-raised)}.roll-piano{width:36px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #333}.roll-piano-key{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;font-size:8px;font-weight:600;min-height:14px}.roll-piano-key.white{background:#e0e0e0;color:#333}.roll-piano-key.black{background:#333;color:#888}.roll-piano-key.c-note{background:#c8d8c8;color:#282;font-weight:700}.roll-grid{flex:1;display:flex;flex-direction:column;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.roll-row{flex:1;display:flex;min-height:14px}.roll-row.white-row{background:#1a1a1a}.roll-row.black-row{background:#141414}.roll-row.c-row{background:#1a2a1a}.roll-cell{flex:1;min-width:18px;border-right:1px solid #222;border-bottom:1px solid #1a1a1a;background:transparent;position:relative;padding:0}.roll-cell.downbeat{border-right:1px solid #333}.roll-cell.active{background:var(--accent);border-radius:2px;margin:1px}.roll-cell.current{box-shadow:inset 0 0 0 2px var(--warning)}.roll-cell:active{background:var(--accent-dim)}.cell-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7px;font-weight:700;color:var(--bg);pointer-events:none}.cell-value.prob{font-size:8px}.roll-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--warning);pointer-events:none;z-index:10;box-shadow:0 0 8px var(--warning)}.roll-step-numbers{display:flex;flex-shrink:0;margin-top:4px}.roll-piano-spacer{width:36px;flex-shrink:0}.roll-numbers{flex:1;display:flex;overflow-x:auto}.roll-numbers span{flex:1;min-width:18px;text-align:center;font-size:8px;color:var(--text-dim)}.roll-numbers span.downbeat{color:var(--text);font-weight:600}.roll-info{display:flex;justify-content:space-around;padding:8px;margin-top:8px;background:var(--bg-raised);border-radius:4px;flex-shrink:0}.roll-info span{font-size:9px;color:var(--text-dim)}@media (max-width: 390px){.roll-screen{padding:6px}.roll-voice-btn{padding:6px 2px;font-size:9px}.roll-mode-selector button{padding:5px;font-size:8px}.roll-cap-mini{min-width:44px;padding:3px 6px}.roll-cap-mini span:first-child{font-size:6px}.roll-cap-mini span:last-child{font-size:9px}.roll-piano{width:32px}.roll-piano-key{font-size:7px;min-height:12px}.roll-cell{min-width:16px}.roll-row{min-height:12px}.cell-value{font-size:6px}.roll-numbers span{min-width:16px;font-size:7px}.roll-scroll{height:24px;font-size:14px}.roll-info{padding:6px}.roll-info span{font-size:8px}}@media (max-width: 390px){.roll-grid-wrapper{overflow-x:auto}}.loop-screen{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.loop-section{background:var(--bg-raised);padding:16px;border-radius:8px}.click-section{background:linear-gradient(135deg,var(--bg-raised) 0%,#1a1a1a 100%)}.click-area{display:flex;gap:12px;margin-bottom:16px}.click-pad{flex:2;height:80px;border-radius:8px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:2px solid #333;font-size:18px;font-weight:700;letter-spacing:4px;color:var(--text-dim);transition:all .05s;-webkit-user-select:none;user-select:none;touch-action:manipulation}.click-pad:active{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:scale(.98)}.click-pad.auto-active{animation:click-pulse .5s ease-in-out infinite}@keyframes click-pulse{0%,to{border-color:var(--accent);box-shadow:0 0 10px #00ff884d}50%{border-color:#0f8a;box-shadow:0 0 20px #00ff8880}}.auto-btn{flex:1;height:80px;border-radius:8px;background:var(--bg);font-size:11px;font-weight:600;letter-spacing:1px;transition:all .15s}.auto-btn.active{background:var(--accent);color:var(--bg)}.click-controls{display:flex;gap:16px}.loop-toggles{display:flex;gap:8px;margin-bottom:16px}.toggle-btn{flex:1;padding:14px;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:2px;background:var(--bg);transition:all .15s}.toggle-btn.active{background:var(--accent);color:var(--bg)}.toggle-btn.freeze{background:var(--bg)}.toggle-btn.freeze.active{background:#48f;color:#fff;animation:freeze-glow 2s ease-in-out infinite}@keyframes freeze-glow{0%,to{box-shadow:0 0 10px #48f6}50%{box-shadow:0 0 20px #4488ffb3}}.toggle-btn:disabled{opacity:.4;cursor:not-allowed}.fx-row{display:flex;gap:16px;margin-bottom:12px}.fx-param{flex:1;display:flex;flex-direction:column;gap:6px}.fx-param.freq-wide{flex:2}.fx-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px}.fx-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent;position:relative}.fx-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0}.fx-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.fx-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.fx-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.fx-param input[type=range]:disabled{opacity:.4}.fx-param input[type=range]:disabled::-webkit-slider-thumb{background:#555}.param-value{font-size:14px;font-family:SF Mono,monospace;color:var(--text);text-align:center}.delay-heads{padding-bottom:24px}.time-presets{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.preset-btn{padding:6px 10px;font-size:10px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg);transition:all .15s}.preset-btn:active:not(:disabled){background:var(--accent);color:var(--bg)}.preset-btn:disabled{opacity:.4;cursor:not-allowed}.delay-head{background:var(--bg);border-radius:8px;padding:12px;margin-bottom:12px}.delay-head:last-child{margin-bottom:0}.delay-head-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.delay-head-label{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent)}.sync-buttons{display:flex;gap:4px}.sync-buttons button{padding:4px 8px;font-size:9px;font-weight:600;border-radius:4px;background:#222;transition:all .15s}.sync-buttons button:active:not(:disabled){background:var(--accent);color:var(--bg)}.sync-buttons button:disabled{opacity:.4;cursor:not-allowed}.delay-head-controls{display:flex;gap:12px}.delay-head-controls .fx-param{flex:1}.delay-head-controls .time-param{flex:2}.delay-head-controls .level-param,.delay-head-controls .pan-param{flex:1}@media (max-width: 390px){.loop-screen{padding:10px;gap:10px}.loop-section{padding:10px}.section-title{font-size:10px;margin-bottom:8px}.click-pad{height:60px;font-size:14px}.auto-btn{height:60px;font-size:10px}.click-controls{gap:10px}.toggle-btn{padding:10px;font-size:11px}.fx-row{gap:10px;margin-bottom:8px}.fx-param{gap:4px}.fx-param label{font-size:9px}.param-value{font-size:12px}.delay-head{padding:8px;margin-bottom:8px}.delay-head-header{margin-bottom:8px}.delay-head-label{font-size:10px}.sync-buttons button{padding:3px 6px;font-size:8px}.delay-head-controls{flex-wrap:wrap;gap:8px}.delay-head-controls .fx-param{min-width:calc(50% - 4px)}.delay-head-controls .time-param{flex:100%;min-width:100%}.time-presets{gap:3px;margin-bottom:10px}.preset-btn{padding:5px 8px;font-size:9px}}.cosmos-section{background:linear-gradient(135deg,#0d1a14,#0a0a0a,#14100d);border:1px solid #1a2a22}.cosmos-section .section-title{color:#8fa;text-shadow:0 0 10px rgba(136,255,170,.3)}.section-desc{font-size:10px;color:var(--text-dim);margin-bottom:16px;letter-spacing:.5px}.cosmos-toggles{display:flex;gap:8px;margin-bottom:16px}.cosmos-toggles .toggle-btn{flex:1}.cosmos-toggles .toggle-btn.primes{background:var(--bg)}.cosmos-toggles .toggle-btn.primes.active{background:#76f;color:#fff;animation:primes-glow 3s ease-in-out infinite}@keyframes primes-glow{0%,to{box-shadow:0 0 8px #7766ff4d}50%{box-shadow:0 0 16px #76f9}}.cosmos-section input[type=range]:not(:disabled)::-webkit-slider-thumb{background:#8fa}.cosmos-section input[type=range]:not(:disabled)::-moz-range-thumb{background:#8fa}@media (max-width: 390px){.section-desc{font-size:9px;margin-bottom:12px}.cosmos-toggles{margin-bottom:12px}}@media (min-width: 1024px){.loop-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.fx-param input[type=range]{width:100%}}.gen-screen{display:flex;flex-direction:column;gap:16px;padding:12px;overflow-y:auto;max-height:calc(100vh - 180px)}.gen-master{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:var(--bg-raised);border-radius:12px}.enable-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:700;letter-spacing:2px;background:var(--bg);border:2px solid #444;border-radius:30px;color:var(--text-dim);cursor:pointer;transition:all .2s}.enable-btn.active{background:linear-gradient(135deg,#0f8,#00cc6a);border-color:#0f8;color:#000;box-shadow:0 0 20px #0f86}.enable-icon{font-size:20px}.evolve-status{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#0f8;letter-spacing:1px}.pulse{width:10px;height:10px;background:#0f8;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.gen-sliders{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--bg-raised);border-radius:12px}.slider-row{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:12px}.slider-row label{font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:1px}.slider-row .value{font-size:14px;font-weight:700;color:var(--text);font-family:SF Mono,monospace;text-align:right}.slider{width:100%;height:28px;-webkit-appearance:none;background:transparent}.slider::-webkit-slider-runnable-track{height:6px;background:#333;border-radius:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;cursor:pointer;margin-top:-9px;box-shadow:0 2px 6px #0006}.slider.complexity::-webkit-slider-thumb{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.slider.groove::-webkit-slider-thumb{background:linear-gradient(135deg,#4ecdc4,#00cec9)}.slider.loudness::-webkit-slider-thumb{background:linear-gradient(135deg,#f9ca24,#f0932b)}.slider.melody::-webkit-slider-thumb{background:linear-gradient(135deg,#a29bfe,#6c5ce7)}.slider-with-ticks{position:relative;flex:1}.tick-marks{position:absolute;top:50%;left:12px;right:12px;height:0;pointer-events:none}.tick{position:absolute;width:2px;height:6px;background:#555;transform:translate(-50%,-50%)}.tick.t25{left:25%}.tick.t50{left:50%}.tick.t75{left:75%}.tick.center{height:10px;background:#666}.gen-section{padding:14px;background:var(--bg-raised);border-radius:12px}.gen-section h3{font-size:11px;color:var(--text-dim);margin:0 0 10px;letter-spacing:1px}.rate-buttons{display:flex;gap:8px;justify-content:center}.rate-btn{width:44px;height:44px;font-size:14px;font-weight:700;background:var(--bg);border:2px solid #444;border-radius:8px;color:var(--text);cursor:pointer;transition:all .15s}.rate-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.rate-hint,.preset-hint{display:block;text-align:center;font-size:9px;color:var(--text-dim);margin-top:8px}.preset-buttons{display:flex;gap:8px;justify-content:center}.preset-btn{flex:1;max-width:100px;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:1px;background:var(--bg);border:2px solid #444;border-radius:8px;color:var(--text);cursor:pointer;transition:all .15s}.preset-btn:hover{background:var(--bg-raised);border-color:#666}.preset-btn:active{transform:scale(.96);background:var(--accent);border-color:var(--accent);color:#000}.voice-locks{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.lock-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:var(--bg);border:2px solid;border-radius:8px;cursor:pointer;transition:all .15s}.lock-btn.locked{background:#ffffff1a}.lock-icon{font-size:16px}.lock-name{font-size:9px;font-weight:700;color:var(--text-dim)}.gen-actions{display:flex;justify-content:center;padding:8px 0}.evolve-now-btn{padding:14px 32px;font-size:13px;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;transition:all .15s}.evolve-now-btn:active{transform:scale(.96);filter:brightness(1.1)}.gen-info{padding:12px;background:#ffffff08;border-radius:8px}.gen-info p{font-size:10px;color:var(--text-dim);margin:0 0 6px;line-height:1.4}.gen-info p:last-child{margin-bottom:0}.gen-info strong{color:var(--text)}@media (max-width: 375px){.gen-screen{gap:12px;padding:8px}.gen-master{padding:12px}.enable-btn{padding:12px 20px;font-size:14px}.gen-sliders{padding:12px;gap:12px}.slider-row{grid-template-columns:80px 1fr 36px;gap:8px}.slider-row label{font-size:10px}.slider::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px}.rate-btn{width:38px;height:38px;font-size:12px}.voice-locks{gap:6px}.lock-btn{padding:8px 2px}.lock-icon{font-size:14px}.evolve-now-btn{padding:12px 24px;font-size:12px}}@media (min-width: 1024px){.gen-screen{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.slider{width:100%}}.bytebeat-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.bytebeat-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.bytebeat-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s;display:flex;align-items:center;justify-content:center}.bytebeat-voice-btn.active{background:var(--voice-color, var(--accent));color:var(--bg)}.bytebeat-voice-btn .voice-name{font-size:9px}.bytebeat-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.bytebeat-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.waveform-section{background:#0a0a0a;border:2px solid var(--bg-raised);position:sticky;top:0;z-index:10}.waveform-display{margin-bottom:12px;border-radius:4px;overflow:hidden;background:#0a0a0a}.formula-display{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--bg);border-radius:4px}.formula-name{font-size:14px;font-weight:600;color:#0fa;font-family:SF Mono,monospace}.formula-desc{font-size:10px;color:var(--text-dim)}.formula-code{font-size:9px;font-family:SF Mono,monospace;color:#666;margin-top:4px;word-break:break-all}.formula-buttons{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.formula-btn{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:4px;background:var(--bg);transition:all .15s}.formula-btn:active,.formula-btn.active{background:#0fa;color:var(--bg)}.formula-label{font-size:11px;font-weight:600;letter-spacing:.5px}.formula-subtitle{font-size:8px;opacity:.7;margin-top:2px}.equation-section{margin-top:16px;padding-top:16px;border-top:1px solid #333}.equation-section label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:8px;color:var(--text-dim)}.equation-section label span{color:var(--accent)}.effective-equation{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#0a0a0a;border:1px solid #00ffaa44;border-radius:4px;margin-bottom:8px}.effective-equation .eq-label{font-size:9px;font-weight:600;letter-spacing:1px;color:#0fa}.effective-equation code{font-size:11px;font-family:SF Mono,Monaco,Consolas,monospace;color:#fff;word-break:break-all;line-height:1.4}.custom-formula{margin-top:16px;padding-top:16px;border-top:1px solid #333}.custom-formula label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:8px;color:var(--text-dim)}.custom-formula label span{color:var(--accent)}.formula-display{display:block;width:100%;padding:10px 12px;font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--bg);border:1px solid #333;border-radius:4px;color:#0fa;margin-bottom:8px;word-break:break-all}.preset-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.bytebeat-param{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.bytebeat-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.bytebeat-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.bytebeat-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent;position:relative}.bytebeat-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#0fa;cursor:pointer;margin-top:0}.bytebeat-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#0fa;cursor:pointer;border:none}.bytebeat-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.bytebeat-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.tick.center{height:12px;background:#666}.param-hint{font-size:9px;color:#666;margin-top:4px;font-style:italic}.bit-control-hint{font-size:9px;color:var(--text-dim);margin-bottom:8px}.bit-switches-grid{display:flex;flex-direction:column;gap:2px;width:100%;margin-bottom:12px}.bit-switches-grid .bit-row{display:flex;gap:2px;align-items:center}.bit-switches-grid .bit-row.bit-header{margin-bottom:2px}.bit-row-label{width:32px;font-size:8px;font-weight:600;color:var(--text-dim);text-align:right;padding-right:4px;flex-shrink:0}.bit-num{flex:1;text-align:center;font-size:8px;color:var(--text-dim);min-width:0}.bit-cell{flex:1;height:28px;min-width:0;border-radius:3px;background:var(--bg);transition:all .15s}.bit-cell.active.mute{background:#555}.bit-cell.active.force{background:#fff}.bit-cell.active.inv{background:#0fa}.bit-stats{display:flex;justify-content:space-around;gap:8px;padding:8px;background:var(--bg);border-radius:4px;font-size:10px;font-family:SF Mono,monospace;color:var(--text-dim)}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #00ffaa33}.info-content strong{color:#0fa;font-weight:600}.info-content li:before{content:"▸";position:absolute;left:0;color:#0fa}@media (max-width: 390px){.bytebeat-content{padding:10px;gap:10px}.bytebeat-section{padding:10px}.section-title{font-size:10px;margin-bottom:8px}.bytebeat-voice-selector{padding:8px;gap:3px}.bytebeat-voice-btn{padding:6px 2px;font-size:8px}.formula-buttons{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:10px}.formula-btn{padding:6px 1px}.formula-label{font-size:8px}.formula-subtitle{font-size:6px}.preset-buttons{gap:3px}.preset-btn{padding:6px 8px;font-size:8px}.bytebeat-param{gap:4px;margin-bottom:8px}.bytebeat-param label{font-size:9px}.bytebeat-param label span{font-size:12px}.param-hint,.bit-control-hint{font-size:8px}.bit-cell{height:24px}.bit-stats{font-size:9px;padding:6px;gap:6px}.info-content{font-size:10px}.info-content p{margin-bottom:8px}}@media (min-width: 1024px){.bytebeat-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.bytebeat-voice-selector{padding:16px}.waveform-display canvas{max-height:200px}}.sub-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.sub-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.sub-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s}.sub-voice-btn.active{background:var(--voice-color, #ff6600);color:var(--bg)}.sub-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.sub-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#f60;margin-bottom:12px}.sub-info{display:flex;gap:16px;padding:8px;background:var(--bg);border-radius:4px}.info-row .value{font-family:SF Mono,monospace;color:#f60;font-weight:600}.sub-param{display:flex;flex-direction:column;gap:6px}.sub-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between}.sub-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.sub-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.sub-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#f60;cursor:pointer}.sub-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#f60;cursor:pointer;border:none}.sub-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.sub-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.tick{position:absolute;width:2px;height:8px;background:#555;transform:translate(-50%,-50%)}.preset-btn:active{background:#f60;color:var(--bg)}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #ff660033}.info-content strong{color:#f60;font-weight:600}.info-content li:before{content:"▸";position:absolute;left:0;color:#f60}@media (max-width: 390px){.sub-content{padding:10px;gap:10px}.sub-section{padding:10px}.section-title{font-size:10px}.sub-voice-selector{padding:8px;gap:3px}.sub-voice-btn{padding:6px 2px;font-size:8px}}@media (min-width: 1024px){.sub-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}.pd-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.pd-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.pd-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s}.pd-voice-btn.active{background:var(--voice-color, #ffaa00);color:var(--bg)}.pd-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.pd-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#fa0;margin-bottom:12px}.pd-info{display:flex;gap:16px;padding:8px;background:var(--bg);border-radius:4px;margin-bottom:8px}.info-row{flex:1;display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim)}.info-row .value{font-family:SF Mono,monospace;color:#fa0;font-weight:600}.mode-desc{font-size:9px;color:#666;font-style:italic;padding:4px 8px}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (min-width: 480px){.mode-buttons{grid-template-columns:repeat(6,1fr)}}.mode-btn{padding:12px 8px;border-radius:4px;background:var(--bg);transition:all .15s;display:flex;flex-direction:column;align-items:center}.mode-btn.active{background:#fa0;color:var(--bg)}.mode-label{font-size:12px;font-weight:600;letter-spacing:.5px}.pd-param{display:flex;flex-direction:column;gap:6px}.pd-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between}.pd-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.pd-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.pd-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fa0;cursor:pointer}.pd-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#fa0;cursor:pointer;border:none}.pd-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.pd-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.preset-buttons{display:flex;flex-wrap:wrap;gap:4px}.preset-btn{padding:8px 12px;font-size:9px;font-weight:600;letter-spacing:.5px;border-radius:4px;background:var(--bg);transition:all .15s}.preset-btn:active{background:#fa0;color:var(--bg)}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #ffaa0033}.info-content strong{color:#fa0;font-weight:600}.info-content li:before{content:"▸";position:absolute;left:0;color:#fa0}@media (max-width: 390px){.pd-content{padding:10px;gap:10px}.pd-section{padding:10px}.section-title{font-size:10px}.pd-voice-selector{padding:8px;gap:3px}.pd-voice-btn{padding:6px 2px;font-size:8px}}@media (min-width: 1024px){.pd-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}.form-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.form-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.form-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s}.form-voice-btn.active{background:var(--voice-color, #00cc88);color:var(--bg)}.form-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.form-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#0c8;margin-bottom:12px}.form-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:var(--bg);border-radius:4px}.info-row .value{font-family:SF Mono,monospace;color:#0c8;font-weight:600;font-size:12px}.info-row .value.vowel-char{font-size:20px;font-weight:700}.form-param{display:flex;flex-direction:column;gap:6px}.form-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between}.form-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.form-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.form-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#0c8;cursor:pointer}.form-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#0c8;cursor:pointer;border:none}.form-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.form-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.vowel-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#0c8;padding:0 4px;letter-spacing:1px}.preset-btn:active{background:#0c8;color:var(--bg)}.preset-vowel{font-size:24px;font-weight:700;color:#0c8;min-width:32px;text-align:center}.preset-btn:active .preset-vowel{color:var(--bg)}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #00cc8833}.info-content strong{color:#0c8;font-weight:600}.info-content li:before{content:"▸";position:absolute;left:0;color:#0c8}@media (max-width: 390px){.form-content{padding:10px;gap:10px}.form-section{padding:10px}.section-title{font-size:10px}.form-voice-selector{padding:8px;gap:3px}.form-voice-btn{padding:6px 2px;font-size:8px}.form-info{grid-template-columns:repeat(2,1fr)}.preset-vowel{font-size:18px;min-width:24px}.preset-desc{font-size:9px}}@media (min-width: 1024px){.form-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}.ks-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.ks-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.ks-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s}.ks-voice-btn.active{background:var(--voice-color, #00aaff);color:var(--bg)}.ks-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.ks-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#0af;margin-bottom:12px}.ks-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:var(--bg);border-radius:4px}.info-row .value{font-family:SF Mono,monospace;color:#0af;font-weight:600;font-size:12px}.ks-param{display:flex;flex-direction:column;gap:6px}.ks-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between}.ks-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.ks-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.ks-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#0af;cursor:pointer}.ks-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#0af;cursor:pointer;border:none}.ks-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.ks-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.preset-buttons{display:flex;flex-direction:column;gap:6px}.preset-btn{padding:12px;border-radius:4px;background:var(--bg);transition:all .15s;display:flex;align-items:center;gap:12px}.preset-btn:active{background:#0af;color:var(--bg)}.preset-name{font-size:12px;font-weight:700;color:#0af;min-width:64px;letter-spacing:1px}.preset-desc{font-size:10px;font-weight:500;letter-spacing:.5px;color:var(--text-dim)}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #00aaff33}.info-content strong{color:#0af;font-weight:600}.info-content li:before{content:"▸";position:absolute;left:0;color:#0af}@media (max-width: 390px){.ks-content{padding:10px;gap:10px}.ks-section{padding:10px}.section-title{font-size:10px}.ks-voice-selector{padding:8px;gap:3px}.ks-voice-btn{padding:6px 2px;font-size:8px}.ks-info{grid-template-columns:1fr}.preset-name{min-width:48px;font-size:10px}.preset-desc{font-size:9px}}@media (min-width: 1024px){.ks-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}.cym-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.cym-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.cym-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s}.cym-voice-btn.active{background:var(--voice-color, #cc88ff);color:var(--bg)}.cym-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.cym-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#c8f;margin-bottom:12px}.cym-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:var(--bg);border-radius:4px}.info-row .value{font-family:SF Mono,monospace;color:#c8f;font-weight:600;font-size:12px}.cym-param{display:flex;flex-direction:column;gap:6px}.cym-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between}.cym-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.cym-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.cym-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#c8f;cursor:pointer}.cym-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#c8f;cursor:pointer;border:none}.cym-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.cym-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.preset-btn:active{background:#c8f;color:var(--bg)}.preset-name{font-size:12px;font-weight:700;color:#c8f;letter-spacing:1px}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #cc88ff33}.info-content strong{color:#c8f;font-weight:600}.info-content li:before{content:"▸";position:absolute;left:0;color:#c8f}@media (max-width: 390px){.cym-content{padding:10px;gap:10px}.cym-section{padding:10px}.section-title{font-size:10px}.cym-voice-selector{padding:8px;gap:3px}.cym-voice-btn{padding:6px 2px;font-size:8px}.cym-info{grid-template-columns:repeat(2,1fr)}.preset-buttons{grid-template-columns:1fr}.preset-name{font-size:10px}.preset-desc{font-size:8px}}@media (min-width: 1024px){.cym-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}.mod-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.mod-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.mod-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s}.mod-voice-btn.active{background:var(--voice-color, #ff2277);color:var(--bg)}.mod-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.mod-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#f27;margin-bottom:12px}.mod-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:var(--bg);border-radius:4px}.info-row .value{font-family:SF Mono,monospace;color:#f27;font-weight:600;font-size:12px}.mod-param{display:flex;flex-direction:column;gap:6px}.mod-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between}.mod-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.mod-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.mod-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#f27;cursor:pointer}.mod-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#f27;cursor:pointer;border:none}.mod-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.mod-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.mod-types{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mod-type{padding:12px;background:var(--bg);border-radius:4px;border-left:3px solid #ff2277}.type-name{font-size:11px;font-weight:700;color:#f27;letter-spacing:1px;margin-bottom:4px}.type-desc{font-size:9px;color:var(--text-dim);line-height:1.4}.preset-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.preset-btn{padding:12px;border-radius:4px;background:var(--bg);transition:all .15s;display:flex;flex-direction:column;gap:4px}.preset-btn:active{background:#f27;color:var(--bg)}.preset-name{font-size:11px;font-weight:700;color:#f27;letter-spacing:1px}.preset-desc{font-size:9px;font-weight:500;letter-spacing:.5px;color:var(--text-dim)}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #ff227733}.info-content strong{color:#f27;font-weight:600}.info-content li:before{content:"▸";position:absolute;left:0;color:#f27}@media (max-width: 390px){.mod-content{padding:10px;gap:10px}.mod-section{padding:10px}.section-title{font-size:10px}.mod-voice-selector{padding:8px;gap:3px}.mod-voice-btn{padding:6px 2px;font-size:8px}.mod-info,.mod-types,.preset-buttons{grid-template-columns:1fr}.type-name{font-size:10px}.type-desc{font-size:8px}.preset-name{font-size:10px}.preset-desc{font-size:8px}}@media (min-width: 1024px){.mod-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}.sample-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.sample-voice-selector{display:flex;gap:4px;padding:12px;background:var(--bg-raised);border-bottom:1px solid #222;flex-shrink:0}.sample-voice-btn{flex:1;padding:8px 4px;border-radius:4px;background:var(--bg);font-size:10px;font-weight:600;letter-spacing:.5px;transition:all .15s}.sample-voice-btn.active{background:var(--voice-color, #ffaa22);color:var(--bg)}.sample-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.sample-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:#fa2;margin-bottom:12px}.waveform-section{background:#0a0a0a;border:2px solid var(--bg-raised)}.waveform-display{margin-bottom:12px;border-radius:4px;overflow:hidden}.waveform-display canvas{width:100%;height:auto;display:block}.sample-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:var(--bg);border-radius:4px}.info-row{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:var(--text-dim)}.info-row .value{font-family:SF Mono,monospace;color:#fa2;font-weight:600;font-size:12px}.sample-param{display:flex;flex-direction:column;gap:6px}.sample-param label{font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;justify-content:space-between}.sample-param label span{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.sample-param input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.sample-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fa2;cursor:pointer}.sample-param input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#fa2;cursor:pointer;border:none}.sample-param input[type=range]::-webkit-slider-runnable-track{height:34px;background:#333;border-radius:4px}.sample-param input[type=range]::-moz-range-track{height:34px;background:#333;border-radius:4px}.slider-with-ticks{position:relative}.tick-marks{position:absolute;top:50%;left:17px;right:17px;height:0;pointer-events:none}.tick{position:absolute;width:2px;height:12px;background:#666;transform:translate(-50%,-50%)}.param-hint{font-size:9px;color:#666;font-style:italic}.sample-regions{display:flex;flex-direction:column;gap:8px}.region-info{padding:10px 12px;background:var(--bg);border-radius:4px;border-left:3px solid #ffaa22}.region-name{font-size:10px;font-weight:700;color:#fa2;letter-spacing:1px;margin-bottom:4px}.region-desc{font-size:9px;color:var(--text-dim);line-height:1.4}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset-btn{padding:10px;border-radius:4px;background:var(--bg);transition:all .15s;display:flex;flex-direction:column;gap:4px;align-items:center}.preset-btn:active{background:#fa2;color:var(--bg)}.preset-name{font-size:11px;font-weight:700;color:#fa2;letter-spacing:1px}.preset-btn:active .preset-name{color:var(--bg)}.preset-desc{font-size:8px;font-weight:500;letter-spacing:.5px;color:var(--text-dim);text-align:center}.info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #ffaa2233}.info-content{font-size:11px;line-height:1.6;color:var(--text-dim)}.info-content p{margin-bottom:12px}.info-content strong{color:#fa2;font-weight:600}.info-content ul{list-style:none;padding-left:0;margin-top:8px}.info-content li{padding-left:16px;position:relative;margin-bottom:6px}.info-content li:before{content:"▸";position:absolute;left:0;color:#fa2}@media (max-width: 390px){.sample-content{padding:10px;gap:10px}.sample-section{padding:10px}.section-title{font-size:10px}.sample-voice-selector{padding:8px;gap:3px}.sample-voice-btn{padding:6px 2px;font-size:8px}.sample-info{grid-template-columns:1fr}.preset-buttons{grid-template-columns:repeat(2,1fr)}.region-name{font-size:9px}.region-desc{font-size:8px}.preset-name{font-size:10px}.preset-desc{font-size:7px}}@media (min-width: 1024px){.sample-content{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}}.presets-screen{flex:1;overflow-y:auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));display:flex;flex-direction:column;gap:12px}.presets-header{text-align:center;padding:8px 0}.presets-title{font-size:14px;font-weight:700;letter-spacing:3px;color:var(--accent);margin:0}.presets-subtitle{font-size:10px;color:var(--text-dim);margin:4px 0 0}.preset-section{background:var(--bg-raised);padding:12px;border-radius:8px}.preset-section .section-title{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-dim);margin:0 0 10px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border-radius:6px;background:var(--bg);transition:all .1s;text-align:center;min-height:52px}.preset-btn:active{background:var(--accent);color:var(--bg)}.preset-btn .preset-name{font-size:10px;font-weight:700;letter-spacing:.5px}.preset-btn .preset-desc{font-size:8px;color:var(--text-dim);margin-top:3px;line-height:1.2}.preset-btn:active .preset-desc{color:var(--bg)}.sampler-section{border:1px solid var(--accent);border-radius:8px}.sampler-section .section-title{color:var(--accent)}.loading-indicator{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sampler-btn{border:1px solid var(--accent)}.sampler-btn.loading{opacity:.5;pointer-events:none}.sampler-btn:not(.loading):active{background:var(--accent);color:var(--bg)}@media (max-width: 390px){.presets-screen{padding:8px;gap:10px}.presets-header{padding:6px 0}.presets-title{font-size:12px;letter-spacing:2px}.presets-subtitle{font-size:9px}.preset-section{padding:10px}.preset-section .section-title{font-size:9px;margin-bottom:8px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.preset-btn{padding:8px 6px;min-height:46px}.preset-btn .preset-name{font-size:9px}.preset-btn .preset-desc{font-size:7px}}@media (min-width: 1024px){.presets-screen{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));gap:16px}.presets-header{padding:12px 0}.presets-title{font-size:16px}.presets-subtitle{font-size:11px}.preset-section{padding:16px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.preset-btn{padding:12px 10px;min-height:58px}.preset-btn .preset-name{font-size:11px}.preset-btn .preset-desc{font-size:9px}}.song-screen{flex:1;overflow-y:auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));display:flex;flex-direction:column;gap:12px}.song-header{text-align:center;padding:8px 0}.song-title{font-size:14px;font-weight:700;letter-spacing:3px;color:var(--accent);margin:0}.song-subtitle{font-size:10px;color:var(--text-dim);margin:4px 0 0}.song-section{background:var(--bg-raised);padding:12px;border-radius:8px}.song-section .section-title{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-dim);margin:0 0 10px}.song-mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:8px;background:var(--bg);font-size:12px;font-weight:600;letter-spacing:2px;transition:all .15s}.song-mode-btn.active{background:var(--accent);color:var(--bg)}.song-mode-btn .mode-icon{font-size:16px}.song-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:11px;color:var(--accent);font-weight:600;letter-spacing:1px}.song-status .pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse .8s ease-in-out infinite}.song-status .queued{color:var(--text-dim);font-weight:400}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.sections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.section-cell{display:flex;flex-direction:column;gap:6px}.section-btn{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:8px;background:var(--bg);transition:all .1s;position:relative}.section-btn .section-id{font-size:24px;font-weight:700;letter-spacing:1px}.section-btn .section-indicator{font-size:8px;color:var(--accent)}.section-btn.empty{opacity:.4}.section-btn.empty .section-id{color:var(--text-dim)}.section-btn.has-data:not(:disabled):active{background:var(--accent);color:var(--bg)}.section-btn.current{border:2px solid var(--accent)}.section-btn.queued{border:2px dashed var(--text-dim)}.section-btn .queued-label{position:absolute;bottom:4px;font-size:7px;font-weight:600;letter-spacing:.5px;color:var(--text-dim)}.section-actions{display:flex;gap:4px}.action-btn{flex:1;padding:6px 4px;border-radius:4px;background:var(--bg);font-size:8px;font-weight:600;letter-spacing:.5px;transition:all .1s}.action-btn.save:active{background:var(--accent);color:var(--bg)}.action-btn.clear:active{background:#e74c3c;color:var(--bg)}.chain-display{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.chain-step{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--bg);font-size:14px;font-weight:700}.chain-step.active{background:var(--accent);color:var(--bg)}.chain-info{text-align:center;font-size:10px;color:var(--text-dim)}.chain-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.chain-preset-btn{padding:10px 8px;border-radius:6px;background:var(--bg);font-size:11px;font-weight:600;letter-spacing:1px;transition:all .1s}.chain-preset-btn.active{background:var(--accent);color:var(--bg)}.chain-preset-btn:not(.active):active{background:var(--accent);color:var(--bg)}.song-info{padding:8px 12px;font-size:10px;color:var(--text-dim);line-height:1.6}.song-info p{margin:4px 0}.song-info strong{color:var(--text)}@media (max-width: 390px){.song-screen{padding:8px;gap:10px}.song-header{padding:6px 0}.song-title{font-size:12px;letter-spacing:2px}.song-subtitle{font-size:9px}.song-section{padding:10px}.song-mode-btn{padding:12px;font-size:11px}.section-btn .section-id{font-size:20px}.chain-step{width:28px;height:28px;font-size:12px}.chain-presets{grid-template-columns:repeat(3,1fr)}.chain-preset-btn{padding:8px 6px;font-size:10px}}@media (min-width: 1024px){.song-screen{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));gap:16px}.song-header{padding:12px 0}.song-title{font-size:16px}.song-subtitle{font-size:11px}.song-section{padding:16px}.sections-grid{gap:12px}.section-btn .section-id{font-size:28px}.chain-step{width:40px;height:40px;font-size:16px}.chain-presets{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.chain-preset-btn{padding:12px 10px;font-size:12px}}.tremolo-screen{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.trem-info{display:flex;justify-content:center;gap:32px;padding:8px 16px;background:var(--bg-raised);border-radius:8px}.info-item{display:flex;flex-direction:column;align-items:center;gap:2px}.info-label{font-size:10px;color:var(--text-dim);letter-spacing:1px}.info-value{font-size:14px;font-family:SF Mono,monospace;color:var(--text)}.trem-section{background:var(--bg-raised);padding:16px;border-radius:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent)}.rate-section{padding-bottom:32px}.rate-value,.depth-value{font-size:18px;font-family:SF Mono,monospace;color:var(--text)}.rate-slider-container{position:relative;padding-bottom:24px}.rate-slider{width:100%;height:60px;-webkit-appearance:none;background:transparent;position:relative}.rate-slider::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0;box-shadow:0 2px 8px #0000004d}.rate-slider::-moz-range-thumb{width:48px;height:48px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d}.rate-slider::-webkit-slider-runnable-track{height:48px;background:linear-gradient(to right,#222,#333,#444);border-radius:24px}.rate-slider::-moz-range-track{height:48px;background:linear-gradient(to right,#222,#333,#444);border-radius:24px}.rate-ticks{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:0 24px}.rate-ticks .tick{font-size:10px;color:var(--text-dim);position:relative}.rate-ticks .tick.center{font-weight:600;color:var(--accent)}.rate-ticks .tick:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:1px;height:6px;background:var(--text-dim)}.shape-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shape-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:#333;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.shape-btn:active{transform:scale(.95)}.shape-btn.active{background:var(--accent);border-color:var(--accent)}.shape-label{font-size:14px;font-weight:600;color:var(--text);letter-spacing:1px}.shape-btn.active .shape-label{color:#000}.shape-desc{font-size:9px;color:var(--text-dim);margin-top:2px}.shape-btn.active .shape-desc{color:#333}.depth-slider-container{position:relative;padding-bottom:24px}.depth-slider{width:100%;height:44px;-webkit-appearance:none;background:transparent}.depth-slider::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:40px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:0;box-shadow:0 2px 6px #0000004d}.depth-slider::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.depth-slider::-webkit-slider-runnable-track{height:40px;background:#333;border-radius:20px}.depth-slider::-moz-range-track{height:40px;background:#333;border-radius:20px}.depth-ticks{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px}.depth-ticks .tick{font-size:10px;color:var(--text-dim);position:relative}.depth-ticks .tick:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:1px;height:6px;background:var(--text-dim)}.trem-hint{text-align:center;font-size:10px;color:var(--text-dim);padding:8px}.claude-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000005;display:flex;align-items:center;justify-content:center;z-index:1000;padding:33vh 16px}.claude-modal{background:var(--bg-raised);border-radius:8px;width:100%;max-width:375px;max-height:34vh;display:flex;flex-direction:column;border:1px solid #333}.claude-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333}.claude-modal-title{font-size:14px;font-weight:600;color:#d4a574}.claude-modal-close{width:28px;height:28px;border-radius:4px;background:#333;color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:center}.claude-input-section{padding:12px;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:8px}.claude-textarea{width:100%;background:var(--bg);border:1px solid #333;border-radius:4px;color:var(--text);font-family:inherit;font-size:13px;padding:8px;resize:none}.claude-textarea:focus{outline:none;border-color:#d4a574}.claude-add-btn{align-self:flex-end;padding:6px 16px;border-radius:4px;background:#3d2817;color:#d4a574;font-size:12px;font-weight:500}.claude-add-btn:active{background:#d4a574;color:#1a0f08}.claude-prompts-list{flex:1;overflow-y:auto;padding:8px;min-height:100px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.claude-empty{text-align:center;color:var(--text-dim);padding:24px;font-size:12px}.claude-prompt-item{background:var(--bg);border-radius:4px;padding:10px;margin-bottom:8px}.claude-prompt-meta{display:flex;justify-content:space-between;margin-bottom:6px}.claude-prompt-screen{font-size:10px;text-transform:uppercase;color:#d4a574;background:#3d2817;padding:2px 6px;border-radius:2px}.claude-prompt-time{font-size:10px;color:var(--text-dim)}.claude-prompt-text{font-size:12px;color:var(--text);line-height:1.4;white-space:pre-wrap;word-break:break-word}.claude-prompt-state{font-size:10px;color:var(--text-dim);margin-top:4px;font-family:monospace}.claude-prompt-edit{display:flex;flex-direction:column;gap:6px}.claude-edit-textarea{width:100%;background:var(--bg-raised);border:1px solid #d4a574;border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;padding:6px;resize:none}.claude-edit-textarea:focus{outline:none}.claude-prompt-actions{display:flex;gap:8px;margin-top:8px}.claude-prompt-actions button{font-size:10px;padding:4px 8px;border-radius:3px;background:#333;color:var(--text-dim)}.claude-prompt-actions button:active{background:#444;color:var(--text)}.claude-prompt-actions .claude-delete-btn{margin-left:auto;background:transparent;font-size:14px;padding:4px 6px}.claude-modal-footer{display:flex;gap:8px;padding:12px;border-top:1px solid #333}.claude-copy-all-btn{flex:1;padding:8px;border-radius:4px;background:#3d2817;color:#d4a574;font-size:12px;font-weight:500}.claude-copy-all-btn:active{background:#d4a574;color:#1a0f08}.claude-clear-btn{padding:8px 12px;border-radius:4px;background:#422;color:#ff6b6b;font-size:12px}.claude-clear-btn:active{background:#f44;color:#fff}.app{height:100%;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.app-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg);border-bottom:1px solid #222}.hyst-light{width:6px;height:6px;border-radius:50%;background:#222;flex-shrink:0;transition:background-color .1s ease}.hyst-light.active{background:#666}.signal-meters{margin-left:auto;display:flex;gap:2px}.signal-light{width:16px;height:14px;border-radius:2px;background:#222;color:#444;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .05s ease,color .05s ease}.signal-light.signal{background:#555;color:#999}.signal-light.hot{background:#c33;color:#fff;box-shadow:0 0 4px #ff323280}.song-section-indicator{display:flex;align-items:center;gap:2px;padding:2px 6px;background:var(--accent);border-radius:3px;flex-shrink:0}.song-section-indicator .section-label{font-size:10px;font-weight:700;color:var(--bg);letter-spacing:1px}.song-section-indicator .queued-indicator{font-size:8px;font-weight:600;color:var(--bg);opacity:.7}.cpu-indicator{width:12px;height:12px;border-radius:2px;background:#444;flex-shrink:0;transition:background-color .15s ease}.cpu-indicator.stressed{background:#f44}.refresh-btn{width:32px;height:32px;border-radius:4px;background:#224;color:#6b9fff;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.refresh-btn:active{background:#46f;color:#fff}.panic-btn{width:32px;height:32px;border-radius:4px;background:#422;color:#ff6b6b;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panic-btn:active{background:#f44;color:#fff}.claude-btn{width:32px;height:32px;padding:0;border-radius:4px;background:#3d2817;color:#d4a574;display:flex;align-items:center;justify-content:center;flex-shrink:0}.claude-btn:active{background:#d4a574;color:#1a0f08}.claude-btn svg{display:block}.logo{font-size:18px;font-weight:700;color:var(--accent);letter-spacing:2px}.subtitle{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.ipad-layout,.ipad-nav{display:none}@media (min-width: 768px){.app-header{padding:12px 20px;gap:12px}.logo{font-size:22px}.signal-light{width:24px;height:20px;font-size:10px}.cpu-indicator{width:16px;height:16px}.claude-btn,.refresh-btn,.panic-btn{width:40px;height:40px;font-size:20px}.main-content{padding:8px}}@media (min-width: 1024px){.app{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}.app-header{padding:10px 24px}.screen-nav,.main-content{display:none}.ipad-layout{display:flex;flex:1;gap:8px;padding:8px 16px;min-height:0;overflow:hidden}.ipad-primary,.ipad-secondary{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-raised);border-radius:8px}.ipad-secondary.hidden{display:none}.ipad-primary.full-width{flex:1}.panel-header{display:flex;align-items:center;padding:8px 12px;background:var(--bg-active);border-bottom:1px solid #333;border-radius:8px 8px 0 0}.panel-title{font-size:11px;font-weight:600;color:var(--accent);letter-spacing:1px;text-transform:uppercase}.panel-content{flex:1;overflow:auto;min-height:0}.ipad-nav{display:flex;gap:4px;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #222}.ipad-nav-btn{flex:1;padding:10px 8px;font-size:11px;font-weight:600;letter-spacing:1px;border-radius:6px;background:var(--bg-raised);color:var(--text-dim);text-align:center;transition:all .15s}.ipad-nav-btn:hover{background:var(--bg-active)}.ipad-nav-btn.active{background:var(--accent);color:var(--bg)}.ipad-nav-btn.seq-active{background:var(--accent-dim);color:var(--bg)}}@media (min-width: 1200px){.ipad-layout{padding:12px 24px;gap:12px}.ipad-nav{padding:10px 24px;gap:6px}.ipad-nav-btn{padding:12px;font-size:12px}}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.terminal-container{width:100%;height:100%;background-color:#0a0a0a;overflow:hidden;padding:8px;box-sizing:border-box}.terminal-container .xterm{height:100%;padding:0}.terminal-container .xterm-viewport{overflow-y:auto!important}.terminal-container .xterm-viewport::-webkit-scrollbar{width:8px}.terminal-container .xterm-viewport::-webkit-scrollbar-track{background:#141414}.terminal-container .xterm-viewport::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.terminal-container .xterm-viewport::-webkit-scrollbar-thumb:hover{background:#444}.terminal-container .xterm .xterm-selection div{background-color:#00ff8840!important}.terminal-container .xterm-cursor-layer{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.terminal-container .xterm a{color:#0f8;text-decoration:underline}.terminal-container .xterm a:hover{color:#4ade80}.container-screen{display:flex;flex-direction:column;height:100dvh;background-color:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.container-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#141414;border-bottom:1px solid #222;flex-shrink:0}.header-title{display:flex;align-items:baseline;gap:6px}.title-seqt{font-size:18px;font-weight:700;color:#0f8;font-family:SF Mono,monospace}.title-container{font-size:10px;font-weight:500;color:#616161;font-family:SF Mono,monospace}.header-status{display:flex;align-items:center;gap:6px;margin-left:auto}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:#616161}.status-indicator.status-active{background-color:#0f8;box-shadow:0 0 8px #00ff8880}.status-text{font-size:11px;color:#888;font-family:SF Mono,monospace}.header-actions{display:flex;gap:8px}.header-btn{padding:6px 12px;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#888;font-size:12px;font-family:SF Mono,monospace;cursor:pointer;transition:all .15s ease}.header-btn:hover{background-color:#222;border-color:#444;color:#ccc}.container-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner{width:40px;height:40px;border:3px solid #222;border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:#888;font-family:SF Mono,monospace}.container-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.error-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#ff6b6b20;border:2px solid #ff6b6b;border-radius:50%;font-size:32px;font-weight:700;color:#ff6b6b;margin-bottom:16px}.error-title{font-size:18px;font-weight:600;color:#ff6b6b;margin-bottom:8px}.error-message{font-size:14px;color:#ccc;font-family:SF Mono,monospace;margin-bottom:16px}.error-help{font-size:12px;color:#888;max-width:300px;line-height:1.5}.container-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative}.messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.empty-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#00ff8820;border:2px solid #00ff88;border-radius:12px;font-size:20px;font-weight:700;color:#0f8;margin-bottom:16px;font-family:SF Mono,monospace}.empty-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.empty-subtitle{font-size:14px;color:#888;max-width:280px}.messages-list{display:flex;flex-direction:column;gap:16px;min-height:100%}.messages-spacer{flex:1;min-height:0}.message{padding:12px 16px;border-radius:12px;max-width:90%}.message-user{align-self:flex-end;background-color:#00ff8830;border:1px solid #00ff8840}.message-assistant{align-self:flex-start;background-color:#1a1a1a;border:1px solid #333}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-role{font-size:11px;font-weight:600;color:#0f8;text-transform:uppercase;letter-spacing:.5px}.message-assistant .message-role{color:#c084fc}.message-time{font-size:10px;color:#616161;font-family:SF Mono,monospace}.message-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #333}.tool-call{display:flex;align-items:center;gap:6px;padding:4px 10px;background-color:#0a0a0a;border-radius:6px;font-size:11px;font-family:SF Mono,monospace}.tool-name{color:#6c9fff}.tool-status{color:#616161;text-transform:uppercase;font-size:9px}.tool-completed .tool-status{color:#0f8}.tool-error .tool-status{color:#ff6b6b}.tool-running .tool-status{color:#ffd93d}.terminal-panel{height:200px;border-top:1px solid #333;display:flex;flex-direction:column}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#141414;font-size:12px;font-family:SF Mono,monospace;color:#888}.terminal-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#888;cursor:pointer;border-radius:4px}.terminal-close:hover{background-color:#333;color:#fff}.terminal-content{flex:1}.container-input{display:flex;gap:12px;padding:12px 16px;background-color:#141414;border-top:1px solid #222}.prompt-input{flex:1;padding:12px 16px;background-color:#0a0a0a;border:1px solid #333;border-radius:10px;color:#e0e0e0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;resize:none;outline:none;transition:border-color .15s ease}.prompt-input:focus{border-color:#0f8}.prompt-input::placeholder{color:#616161}.prompt-input:disabled{opacity:.5}.submit-btn{width:60px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#0f8;border:none;border-radius:10px;color:#0a0a0a;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.submit-btn:hover:not(:disabled){background-color:#4ade80}.submit-btn:disabled{background-color:#333;color:#616161;cursor:not-allowed}.submit-btn.processing{background-color:#333}.btn-spinner{width:18px;height:18px;border:2px solid #616161;border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite}.active-tools{display:flex;gap:8px;padding:8px 16px;background-color:#0a0a0a;border-top:1px solid #222;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.active-tools::-webkit-scrollbar{display:none}.active-tool{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#1a1a1a;border-radius:6px;font-size:11px;font-family:SF Mono,monospace;white-space:nowrap}.active-tool .tool-icon{font-size:10px}.active-tool.status-running{border:1px solid #ffd93d40}.active-tool.status-completed{border:1px solid #00ff8840}.active-tool.status-error{border:1px solid #ff6b6b40}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.permission-modal{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;padding:24px;max-width:320px;width:100%}.modal-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.modal-message{font-size:14px;color:#888;margin-bottom:24px;line-height:1.5}.modal-message strong{color:#fff}.modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.modal-btn-deny{background-color:#333;color:#888}.modal-btn-deny:hover{background-color:#444;color:#ccc}.modal-btn-allow{background-color:#0f8;color:#0a0a0a}.modal-btn-allow:hover{background-color:#4ade80}.scroll-to-bottom{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background-color:#1a1a1a;border:1px solid #333;color:#0f8;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0006;transition:all .2s ease;z-index:10;opacity:0;transform:scale(.8) translateY(10px);pointer-events:none}.scroll-to-bottom.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.scroll-to-bottom:hover{background-color:#222;border-color:#0f8;transform:scale(1.05)}.scroll-to-bottom:active{transform:scale(.95)}.scroll-to-bottom .new-messages-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:#0f8;color:#0a0a0a;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#444}@supports (padding-bottom: env(safe-area-inset-bottom)){.container-input{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root{--bg: #0a0a0a;--bg-raised: #141414;--bg-active: #1a1a1a;--text: #e0e0e0;--text-dim: #606060;--accent: #00ff88;--accent-dim: #00aa55;--warning: #ff8800;--step-on: #00ff88;--step-off: #252525;--step-current: #00ff88;--voice-0: #aa66ff;--voice-1: #ff8844;--voice-2: #44dddd;--voice-3: #ffdd00;--voice-4: #88dd44;--voice-5: #ff6688}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;user-select:none;-webkit-user-select:none}button{font-family:inherit;font-size:inherit;border:none;background:var(--bg-raised);color:var(--text);cursor:pointer;outline:none}button:active{background:var(--bg-active)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:var(--bg-raised);height:4px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;background:var(--accent);border-radius:50%;margin-top:-15px}@media (max-width: 390px){html,body,#root{font-size:12px}input[type=range]::-webkit-slider-thumb{width:34px;height:34px;margin-top:-15px}}@supports (padding: env(safe-area-inset-bottom)){.app{padding-bottom:env(safe-area-inset-bottom)}}