body:not(.light-theme){--synth-bg: #1e1e1e;--carbon-base: #3a3a3a;--carbon-light: #4a4a4a;--carbon-dark: #2a2a2a;--carbon-black: #1a1a1a;--carbon-accent: #505050;--text-color: #cccccc;--text-accent: #ffffff;--extrusion-depth: 20px;--animation-duration: .4s;--border-width: 2px;font-family:Arial,Helvetica,sans-serif;background:var(--synth-bg);color:var(--text-color);overflow-x:hidden;overflow-y:auto;user-select:none;-webkit-user-select:none;min-height:100vh;margin:0;padding:0;width:100vw;box-sizing:border-box}body:not(.light-theme) .bass-synth{width:100%;max-width:100vw;display:flex;flex-direction:column;font-size:clamp(12px,1.2vw,16px);overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.synth-header{height:clamp(60px,8vh,120px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(10px,2vw,40px);position:relative;background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 50%,var(--carbon-accent) 100%);border-bottom:3px solid var(--carbon-black);flex-shrink:0;box-shadow:6px 6px 0 var(--carbon-black)}.header-left{display:flex;align-items:center;flex:0 0 auto}.header-right{display:flex;align-items:center;flex:0 0 auto;gap:10px}.synth-title{font-size:clamp(24px,5vw,72px);font-weight:900;letter-spacing:clamp(1px,.3vw,6px);text-transform:uppercase;color:var(--text-accent);line-height:.8;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:all .1s ease;white-space:nowrap}.synth-title:hover{text-shadow:4px 4px 8px rgba(0,0,0,1)}.help-link,.viz-toggle-btn,.theme-toggle-btn{background:var(--carbon-base);border:2px solid var(--carbon-black);color:var(--text-accent);padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:none;min-width:60px;transition:all .2s ease;border-radius:0;display:inline-block;text-align:center;box-shadow:3px 3px 0 var(--carbon-black)}.help-link:hover,.viz-toggle-btn:hover,.theme-toggle-btn:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.help-link:active,.viz-toggle-btn:active,.theme-toggle-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--carbon-black)}.control-panel{display:flex;flex-direction:column;padding:clamp(10px,2vh,30px) clamp(8px,1.5vw,25px);gap:clamp(15px,3vh,40px);width:100%;max-width:100vw;overflow-x:hidden;position:relative;flex:1;min-height:0;box-sizing:border-box}.control-row{display:flex;justify-content:space-between;align-items:stretch;flex:1;min-height:clamp(180px,25vh,320px);width:100%;max-width:100%;margin:0;flex-wrap:wrap;box-sizing:border-box}.background-visualizer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.3}.background-visualizer canvas{width:100%;height:100%;display:none;background:transparent;position:absolute;top:0;left:0}.background-visualizer canvas.active{display:block}.control-section{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;min-width:0;max-width:none;position:relative;z-index:1;background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 50%,var(--carbon-accent) 100%);border:3px solid var(--carbon-black);border-radius:0;padding:clamp(6px,1.2vw,15px);margin:clamp(2px,.6vw,8px);box-sizing:border-box;box-shadow:inset 2px 2px 4px #ffffff08,6px 6px 0 var(--carbon-black)}.control-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.03) 1px,rgba(255,255,255,.03) 2px),repeating-linear-gradient(-45deg,transparent,transparent 1px,rgba(255,255,255,.02) 1px,rgba(255,255,255,.02) 2px);border-radius:inherit;pointer-events:none;z-index:1}.control-section:after{content:"";position:absolute;inset:2px;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;z-index:1}.control-section>*{position:relative;z-index:2}.control-section[data-section=osc]{flex:2.5;min-height:280px;padding:15px 8px}.control-section[data-section=filter],.control-section[data-section=vca],.control-section[data-section=lfo],.control-section[data-section=lfo2],.control-section[data-section=lfo3]{flex:1.5}.section-title{font-size:clamp(10px,1.6vw,20px);font-weight:900;letter-spacing:clamp(1px,.3vw,3px);text-transform:uppercase;color:var(--text-accent);text-align:center;margin-bottom:clamp(8px,2.5vh,30px);padding:clamp(4px,.8vw,12px) clamp(6px,1.6vw,20px);border-bottom:3px solid var(--carbon-black);text-shadow:2px 2px 4px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-divider{display:none;width:2px;background:var(--carbon-black);margin:0 15px;flex-shrink:0;position:relative;z-index:1}.filter-mode-btn,.compressor-mode-btn,.sequencer-button,.visual-button,.pattern-button,.midi-button,.midi-mode-btn,.lfo-target-button,.polyrhythm-btn{background:var(--carbon-base);color:var(--text-accent);border:2px solid var(--carbon-black);border-radius:0;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;cursor:pointer;transition:all .2s ease;min-width:50px;box-shadow:3px 3px 0 var(--carbon-black)}.filter-mode-btn:hover,.compressor-mode-btn:hover,.sequencer-button:hover,.visual-button:hover,.pattern-button:hover,.midi-button:hover,.midi-mode-btn:hover,.lfo-target-button:hover,.polyrhythm-btn:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.filter-mode-btn:active,.compressor-mode-btn:active,.sequencer-button:active,.visual-button:active,.pattern-button:active,.midi-button:active,.midi-mode-btn:active,.lfo-target-button:active,.polyrhythm-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--carbon-black)}.filter-mode-btn.active,.compressor-mode-btn.active,.sequencer-button.active,.visual-button.active,.pattern-button.active,.midi-button.active,.midi-mode-btn.active,.lfo-target-button.active,.polyrhythm-btn.active{background:var(--carbon-black);color:var(--text-accent);box-shadow:1px 1px 0 var(--carbon-accent),inset 1px 1px 3px #ffffff0d}.lfo-sync-button{background:var(--carbon-base);color:var(--text-accent);border:2px solid var(--carbon-black);border-radius:0;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;cursor:pointer;transition:all .2s ease;min-width:60px;width:100%;box-shadow:3px 3px 0 var(--carbon-black);margin-top:5px}.lfo-sync-button:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.lfo-sync-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--carbon-black)}.lfo-sync-button.active,.sequencer-button.active{background:#0f0;color:#000;box-shadow:3px 3px 0 var(--carbon-black),inset 2px 2px 4px #0000004d}.midi-button.learning{background:#ff6b00;color:var(--text-accent);animation:midiPulse 1s infinite}@keyframes midiPulse{0%,to{opacity:1}50%{opacity:.7}}.record-motion-btn,.clear-rec-btn{background:var(--carbon-dark);border:2px solid var(--carbon-black);color:var(--text-accent);padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;cursor:pointer;min-width:100px;transition:all .2s ease;border-radius:0;box-shadow:3px 3px 0 var(--carbon-black)}.record-motion-btn:hover,.clear-rec-btn:hover{background:var(--carbon-base);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.record-motion-btn.recording{background:red!important;color:var(--text-accent)!important;border-color:#c00;animation:recordPulse 1s infinite}@keyframes recordPulse{0%,to{background:red}50%{background:#c00}}.filter-mode-buttons,.compressor-mode-buttons{display:flex;gap:4px;margin-bottom:15px;justify-content:center}.filter-mode-btn,.compressor-mode-btn{padding:6px 8px;font-size:10px;min-width:40px}.osc-waveform-selectors{display:flex;gap:100px;justify-content:center;margin-bottom:15px;padding:5px}.osc-waveform-selectors .osc-wave-group{flex:1;display:flex;justify-content:center}.osc-wave-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-color);text-align:center;margin-bottom:10px;background:var(--carbon-black);padding:3px 8px;border:2px solid var(--carbon-dark);text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 0 8px #ffffff0d;display:block;width:fit-content;margin-left:auto;margin-right:auto}.osc-waveform-select{background:var(--carbon-base);border:2px solid var(--carbon-black);color:var(--text-accent);padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;cursor:pointer;min-width:120px;max-width:140px;border-radius:0;transition:all .2s ease;text-align:center;text-align-last:center;box-shadow:2px 2px 0 var(--carbon-black)}.osc-waveform-select:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--carbon-black)}.osc-waveform-select:focus{outline:2px solid var(--carbon-accent);outline-offset:2px;background:var(--carbon-dark)}.osc-waveform-select option{background:var(--carbon-base);color:var(--text-accent);font-weight:700;text-transform:uppercase;padding:4px}.osc-all-sliders{display:flex;gap:12px;align-items:flex-end;justify-content:center;width:100%;flex-wrap:nowrap}.effect-group-container{display:flex;flex-direction:column;align-items:center;position:relative}.effect-group-container.effect-group-divider{border-left:2px solid var(--carbon-black);padding-left:30px;padding-right:30px}.effect-group-name{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-accent);text-align:center;margin-bottom:8px;background:var(--carbon-black);padding:2px 8px;border:2px solid var(--carbon-dark);text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 0 8px #ffffff0d}.effect-group-sliders{display:flex;gap:60px;align-items:flex-end}.control-section[data-section=effect] .slider-group{display:flex;gap:15px;justify-content:center;align-items:flex-start;flex-wrap:nowrap}.humanizer-group-container{display:flex;flex-direction:column;align-items:center;width:100%}.humanizer-group-sliders{display:flex;gap:20px;align-items:flex-end;justify-content:center;width:100%}.slider-group{display:flex;gap:clamp(4px,.8vw,12px);flex:1;align-items:flex-end;justify-content:space-between;width:100%}.slider-container{display:flex;flex-direction:column;align-items:center;height:200px;min-width:45px;max-width:none;flex:1;text-align:center;position:relative}.control-section[data-section=osc] .slider-container{height:220px}.control-section[data-section=osc] .slider-track{height:160px}.slider-label{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-color);margin-bottom:15px;writing-mode:horizontal-tb;white-space:nowrap;width:70px;text-align:center;overflow:hidden;line-height:1.1;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.slider-track{width:16px;height:140px;background:var(--carbon-black);position:relative;border:2px solid var(--carbon-dark);border-radius:0;cursor:pointer;box-shadow:inset 0 2px 4px #000c,inset 1px 1px 2px #ffffff05}.slider-handle{width:28px;height:20px;background:linear-gradient(135deg,var(--carbon-accent) 0%,var(--carbon-light) 40%,var(--carbon-base) 100%);position:absolute;cursor:grab;border:2px solid var(--carbon-black);border-radius:0;left:-8px;transition:none;box-shadow:0 0 0 1px var(--carbon-black),-3px 3px 0 var(--carbon-black),-6px 6px 8px #0009,inset 1px 1px 3px #ffffff0d}.slider-handle:hover{transform:scale(1.05);box-shadow:0 0 0 1px var(--carbon-black),-4px 4px 0 var(--carbon-black),-8px 8px 12px #000000b3,inset 1px 1px 4px #ffffff14}.slider-handle:active{cursor:grabbing;transform:scale(.98);box-shadow:0 0 0 1px var(--carbon-black),-2px 2px 0 var(--carbon-black),-4px 4px 6px #00000080}.slider-handle.automation-smooth{transition:top .08s ease-out}.dragging .slider-handle{transition:none!important}.slider-value{background:var(--carbon-black);color:var(--text-accent);font-family:Courier New,monospace;font-weight:700;font-size:11px;padding:4px 8px;border:2px solid var(--carbon-dark);margin-top:20px;text-align:center;letter-spacing:.1em;min-width:40px;box-shadow:inset 0 0 8px #ffffff0d}.sequencer-section{min-height:clamp(300px,40vh,500px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(15px,3.5vh,45px);margin-bottom:clamp(5px,1vh,15px);flex-shrink:0;background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 50%,var(--carbon-accent) 100%);border-top:3px solid var(--carbon-black);border-bottom:3px solid var(--carbon-black);box-shadow:inset 2px 2px 4px #ffffff08}.sequencer-title{font-size:24px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;margin-bottom:20px;color:var(--text-accent);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.sequencer-controls{display:flex;gap:20px;margin-bottom:15px;align-items:center;justify-content:center;width:100%}.sequencer-controls.timing-controls{margin-bottom:30px}.sequencer-controls.transport-controls{margin-bottom:15px}.bpm-control,.swing-control{display:flex;align-items:center;gap:10px}.bpm-display,.swing-display{font-size:14px;font-weight:900;min-width:60px;text-align:center;color:var(--text-accent)}.scale-selector{background:var(--carbon-base);color:var(--text-accent);border:2px solid var(--carbon-black);padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;min-width:80px;font-family:Arial,Helvetica,sans-serif;border-radius:0;box-shadow:2px 2px 0 var(--carbon-black)}.scale-selector:hover{background:var(--carbon-light)}.scale-selector option{background:var(--carbon-base);color:var(--text-accent);font-weight:700}.sequencer-wrapper{display:flex;align-items:flex-start;gap:8px;justify-content:center}.plus-button-container{display:flex;align-items:flex-start;min-width:50px}.steps-grid{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(1,1fr);gap:clamp(2px,.4vw,6px);width:100%;max-width:clamp(600px,80vw,1000px);padding-bottom:clamp(15px,3vh,40px);justify-items:center}.step-button{width:clamp(30px,4vw,60px);height:clamp(30px,4vw,60px);background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 100%);border:clamp(1px,.2vw,3px) solid var(--carbon-black);cursor:pointer;position:relative;transition:none;display:block;border-radius:0;box-shadow:inset 1px 1px 2px #ffffff08}.step-button:hover{background:linear-gradient(135deg,var(--carbon-base) 0%,var(--carbon-light) 100%)}.step-button.active{background:linear-gradient(135deg,var(--carbon-accent) 0%,var(--carbon-light) 40%,var(--carbon-base) 100%);box-shadow:0 0 0 1px var(--carbon-black),-3px 3px 0 var(--carbon-black),-6px 6px 12px #000000b3,inset 1px 1px 3px #ffffff14;transform:scale(1.1)}.step-button.normal{background:var(--carbon-accent)}.step-button.tied{background:var(--carbon-light);border-style:dashed}.step-button.accent{background:var(--carbon-black)}.step-button.current{outline:2px solid var(--text-accent);outline-offset:-2px}.step-button.normal:hover{background:var(--carbon-light)}.step-button.tied:hover{background:var(--carbon-accent)}.step-button.accent:hover{background:var(--carbon-dark)}.step-number{position:absolute;top:2px;left:2px;font-size:8px;font-weight:900;color:var(--text-color)}.step-button.active .step-number{color:var(--text-accent)}.step-button:nth-child(4n+1){border-width:3px}.step-plus-button{background:transparent!important;border:2px dashed var(--carbon-accent)!important;position:relative;opacity:.7;transition:all .2s ease;margin-left:60px}.step-plus-button:hover{background:#ffffff0d!important;border-color:var(--text-accent)!important;opacity:1}.step-plus-button .step-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:900;color:var(--carbon-accent);line-height:1}.step-plus-button:hover .step-plus{color:var(--text-accent)}.step-button.inactive{pointer-events:none;background:var(--carbon-dark)!important;color:var(--carbon-accent)!important;border-color:var(--carbon-black)!important;opacity:.3!important}.step-button.inactive .step-number{color:var(--carbon-accent)!important}.visual-section{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:4px solid var(--carbon-black);border-bottom:4px solid var(--carbon-black);background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 100%);padding:15px;box-shadow:inset 2px 2px 4px #ffffff08}.visual-title{font-size:22px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;margin-bottom:15px;color:var(--text-accent);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.visual-controls{display:flex;gap:15px;margin-bottom:15px;align-items:center}.canvas-container{display:flex;gap:20px;align-items:center;justify-content:center}.canvas-wrapper{position:relative;border:3px solid var(--carbon-black);background:var(--carbon-black);box-shadow:3px 3px 0 var(--carbon-black)}.canvas-label{position:absolute;top:-20px;left:0;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-accent);background:var(--carbon-base);padding:2px 6px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#waveform-canvas,#spectrum-canvas{display:block;background:var(--carbon-black)}.mode-indicator{position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--text-accent);border-radius:0}.mode-indicator.active{animation:pulse-visual 1s infinite}@keyframes pulse-visual{0%,to{opacity:1}50%{opacity:.3}}.pattern-section{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15px;background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 100%);box-shadow:inset 2px 2px 4px #ffffff08}.pattern-title{font-size:24px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;margin-bottom:15px;color:var(--text-accent);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.pattern-controls{display:flex;gap:10px;margin-bottom:15px;align-items:center}.pattern-grid{display:flex;gap:8px;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:10px;background:#ffffff08;border:2px solid transparent;border-radius:0;transition:border-color .2s ease}.pattern-section.chain-active .pattern-grid{border-color:var(--carbon-accent);background:#ffffff0d}.length-control{display:flex;align-items:center;gap:8px}.length-display{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent);background:var(--carbon-black);border:2px solid var(--carbon-dark);padding:6px 10px;min-width:80px;text-align:center;font-family:Arial,Helvetica,sans-serif;box-shadow:inset 0 0 8px #ffffff0d}.pattern-grid::-webkit-scrollbar{height:8px}.pattern-grid::-webkit-scrollbar-track{background:var(--carbon-dark);border-radius:0}.pattern-grid::-webkit-scrollbar-thumb{background:var(--carbon-accent);border-radius:0;border:1px solid var(--carbon-black)}.pattern-grid::-webkit-scrollbar-thumb:hover{background:var(--carbon-light)}.pattern-slot{background:var(--carbon-base);border:2px solid var(--carbon-black);padding:0;cursor:pointer;transition:all .2s ease;min-height:50px;min-width:50px;max-width:50px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:0;box-shadow:3px 3px 0 var(--carbon-black)}.pattern-slot:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.pattern-slot.active{background:var(--carbon-black);color:var(--text-accent);box-shadow:1px 1px 0 var(--carbon-accent),inset 1px 1px 3px #ffffff0d}.pattern-slot.active:hover{background:var(--carbon-dark)}.pattern-number{font-size:16px;font-weight:900;text-align:center;line-height:1;color:inherit}.pattern-name{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:4px 0;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-actions{display:flex;gap:4px;justify-content:space-between;margin-top:4px}.pattern-load-btn,.pattern-delete-btn{background:transparent;border:1px solid currentColor;color:inherit;padding:2px 4px;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex:1;transition:all .1s ease}.pattern-slot.active .pattern-load-btn:hover{background:var(--text-accent);color:var(--carbon-black)}.pattern-delete-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:2px 6px;font-size:10px}.pattern-delete-btn:hover{background:red;color:var(--text-accent);border-color:red}.pattern-name-input{background:var(--carbon-base);border:2px solid var(--carbon-black);color:var(--text-accent);padding:6px 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;width:150px;margin-left:10px;border-radius:0;box-shadow:inset 0 0 8px #ffffff0d}.pattern-name-input:focus{outline:2px solid var(--carbon-accent);outline-offset:2px;background:var(--carbon-dark)}.pattern-name-input::placeholder{color:var(--carbon-accent)}.pattern-slot.dragging{opacity:.8;transform:scale(1.05);z-index:1000}.pattern-slot.drag-source{opacity:.5;transform:rotate(2deg)}.pattern-slot.drop-target{border:2px dashed var(--text-accent);background:#ffffff1a}.pattern-slot.drag-over{background:#ffffff26;transform:scale(1.02);box-shadow:0 4px 8px #0009}.pattern-slot .drag-handle{position:absolute;top:2px;right:2px;font-size:10px;color:var(--carbon-accent);cursor:grab;user-select:none;opacity:.7!important;transition:opacity .2s ease;z-index:10;padding:2px}.pattern-slot:hover .drag-handle{opacity:1!important;color:var(--text-accent)}.pattern-slot .drag-handle:active{cursor:grabbing}.chain-controls{display:flex;gap:10px;margin:10px 0;align-items:center;justify-content:center;padding:10px;background:#ffffff0d;border:1px solid var(--carbon-accent);border-radius:0}.pattern-info{display:flex;gap:20px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-color)}.lfo-target-controls{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.midi-section{display:flex;flex-direction:column;text-align:center;width:100%;margin:0 auto;padding:15px 20px 10px;background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 100%);border-top:3px solid var(--carbon-black);border-bottom:3px solid var(--carbon-black);box-shadow:inset 2px 2px 4px #ffffff08}.midi-title{font-size:24px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;text-align:center;margin-bottom:10px;color:var(--text-accent);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.midi-mode-selector{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.midi-horizontal-layout,.midi-horizontal-layout-two{display:flex;justify-content:center;align-items:center;gap:10px;max-width:1400px;margin:0 auto;flex-wrap:wrap;width:100%}.midi-horizontal-layout-two{margin-top:20px}.midi-controls-group,.midi-status-group,.midi-channels-group,.midi-devices-group{flex:0 1 auto;min-width:fit-content;margin:0}.midi-status-group{display:flex;gap:8px;align-items:center}.midi-devices-group{max-height:100px}.midi-controls{display:flex;align-items:center;gap:10px;margin:0}.midi-status{padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--carbon-black);min-width:126px;text-align:center}.midi-status.connected{background:#0f0;color:#000}.midi-status.initialized{background:#ff0;color:#000}.midi-status.disconnected{background:var(--carbon-dark);color:var(--carbon-accent)}.midi-status.error{background:red;color:var(--text-accent)}.midi-sync-status{padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--carbon-black);min-width:100px;text-align:center}.midi-sync-status.synced{background:#00bfff;color:#000}.midi-sync-status.internal{background:var(--carbon-accent);color:var(--text-color)}@keyframes syncPulse{0%,to{opacity:1}50%{opacity:.8}}.midi-activity.sync-flash{background:#0ff!important;transform:scale(1.2);transition:all .05s ease}.midi-channels{display:flex;gap:15px;margin:0}.channel-control{display:flex;align-items:center;gap:5px}.channel-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-color);min-width:40px}.channel-select{background:var(--carbon-base);border:2px solid var(--carbon-black);color:var(--text-accent);padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;min-width:60px;cursor:pointer;border-radius:0;box-shadow:2px 2px 0 var(--carbon-black)}.channel-select:focus{outline:2px solid var(--carbon-accent);outline-offset:2px;background:var(--carbon-dark)}.channel-select:hover{background:var(--carbon-light)}.midi-activity{width:20px;height:20px;border:2px solid var(--carbon-black);background:var(--carbon-base);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .1s ease}.midi-devices{display:flex;margin:0;gap:10px}.midi-device{display:flex;flex-direction:column;gap:6px;padding:8px;border:2px solid var(--carbon-dark);margin-bottom:5px;font-size:11px;background:var(--carbon-base);border-radius:0}.midi-device.connected{border-color:var(--carbon-accent);background:#00ff001a}.midi-device.disconnected{background:var(--carbon-dark)}.midi-device-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.midi-device-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-accent)}.midi-device-type{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--carbon-black);white-space:nowrap;background:var(--carbon-black)}.midi-device-type.input{background:#06c;border-color:#06c;color:var(--text-accent)}.midi-device-type.output{background:#c00;border-color:#c00;color:var(--text-accent)}.midi-device-status{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--carbon-black);text-align:center;color:var(--text-color)}.midi-device-activity{width:12px;height:12px;border:1px solid var(--carbon-black);background:var(--carbon-base);transition:all .1s ease;align-self:center}.midi-no-devices{text-align:center;color:var(--carbon-accent);font-style:italic;font-size:12px}.slider-learn-button{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:var(--carbon-base);border:1px solid var(--carbon-black);color:var(--text-accent);font-size:10px;font-weight:700;cursor:pointer;display:none;align-items:center;justify-content:center;opacity:.7;transition:all .1s ease;border-radius:0}body.midi-learning .slider-learn-button{display:flex}.slider-learn-button:hover{opacity:1;background:var(--carbon-black);color:var(--text-accent)}.slider-learn-button.learning{background:#ff6b00;color:var(--text-accent);transform:scale(1.2)}.midi-learn-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--carbon-black);color:var(--text-accent);padding:20px 30px;border:3px solid var(--text-accent);font-size:16px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;z-index:10000;animation:fadeInOut 2s ease;box-shadow:8px 8px #00000080}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.eq-strip{background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 50%,var(--carbon-accent) 100%);border:3px solid var(--carbon-black);margin:0 20px 20px;padding:15px;box-shadow:6px 6px 0 var(--carbon-black);box-sizing:border-box}.eq-section{display:flex;flex-direction:column;gap:15px}.eq-title{font-size:18px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;text-align:center;margin:0 0 10px;padding:8px 12px;color:var(--text-accent);text-shadow:2px 2px 4px rgba(0,0,0,.8);background:var(--carbon-black);border:2px solid var(--carbon-dark)}.eq-instructions{text-align:center;font-size:11px;font-weight:600;color:var(--text-color);margin-bottom:10px;letter-spacing:.5px}.eq-instructions span{background:var(--carbon-black);color:var(--text-accent);padding:2px 6px;border:1px solid var(--carbon-dark);border-radius:0;margin:0 2px}.interactive-eq-canvas{display:block;width:100%;height:120px;background:var(--carbon-black);border:3px solid var(--carbon-dark);box-sizing:border-box;box-shadow:inset 2px 2px 4px #000c,3px 3px 0 var(--carbon-black);cursor:crosshair;transition:all .1s ease}.interactive-eq-canvas:hover{background:#0a0a0a;border-color:var(--carbon-accent);box-shadow:inset 2px 2px 4px #000c,4px 4px 0 var(--carbon-black)}.interactive-eq-canvas:active{background:var(--carbon-black);box-shadow:inset 2px 2px 4px #000c,2px 2px 0 var(--carbon-black)}.note-selection-overlay{position:fixed;pointer-events:none;z-index:10000;background:#1a1a1afa;color:var(--text-accent);padding:8px;border-radius:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:900;box-shadow:8px 8px #000c;transition:all .2s ease;border:2px solid var(--text-accent);min-width:120px;max-width:160px}.note-selection-overlay::-webkit-scrollbar{display:none}.note-item{padding:4px 8px;margin:1px 0;border:1px solid var(--carbon-dark);border-radius:0;background:#ffffff0d;transition:all .1s ease;text-align:center;letter-spacing:.5px;font-size:11px}.note-item.selected{background:#f60;border-color:#f60;color:var(--text-accent);transform:scale(1.05);box-shadow:0 2px 8px #ff660080}.step-button.note-selecting{background:#f60!important;transform:scale(1.1);transition:all .1s ease}.step-note-display{position:absolute;bottom:2px;right:2px;font-size:8px;color:var(--carbon-accent);font-weight:700;line-height:1;pointer-events:none}.step-button.active .step-note-display,.step-button.note-selecting .step-note-display{color:var(--text-accent)}.recording-section{display:flex;flex-direction:column;text-align:center;width:100%;margin:0 auto 20px;padding:20px;background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 100%);border-top:3px solid var(--carbon-black);border-bottom:3px solid var(--carbon-black);box-shadow:inset 2px 2px 4px #ffffff08}.recording-title{font-size:24px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;text-align:center;margin-bottom:12px;color:var(--text-accent);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.recording-controls{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.recording-buttons{display:flex;gap:10px}.rec-button{background:var(--carbon-dark);border:2px solid var(--carbon-black);color:var(--text-accent);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;padding:10px 20px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--carbon-black)}.rec-button:hover:not(:disabled){background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.rec-button:disabled{opacity:.4;cursor:not-allowed}.rec-button#rec-button.recording{background:red;border-color:red;color:#fff;animation:recording-pulse 1.5s ease-in-out infinite}.rec-button#rec-button.armed{background:#f80;border-color:#f80;color:#fff;animation:armed-pulse 1s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes armed-pulse{0%,to{opacity:1}50%{opacity:.6}}.recording-mode-selector{display:flex;align-items:center}.recording-mode-select{background:var(--carbon-base);border:2px solid var(--carbon-black);color:var(--text-accent);padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;min-width:120px;cursor:pointer;border-radius:0;box-shadow:2px 2px 0 var(--carbon-black)}.recording-mode-select:focus{outline:2px solid var(--carbon-accent);outline-offset:2px;background:var(--carbon-dark)}.recording-status{display:flex;gap:12px;align-items:center}.recording-timer{font-size:20px;font-weight:900;font-family:Courier New,monospace;letter-spacing:.1em;color:var(--carbon-accent);padding:8px 16px;background:var(--carbon-black);border:2px solid var(--carbon-dark);box-shadow:inset 2px 2px 4px #00000080;min-width:100px;text-align:center}.recording-indicator{width:16px;height:16px;border-radius:50%;background:var(--carbon-dark);border:2px solid var(--carbon-black);transition:all .3s ease}.recording-indicator.active{background:red;border-color:red;box-shadow:0 0 12px #f00c}.preset-section{display:none;background:var(--carbon-base);border:3px solid var(--carbon-black);margin:0 20px 20px;padding:20px;box-shadow:6px 6px 0 var(--carbon-black)}.preset-title{font-size:18px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;text-align:center;margin:0 0 15px;padding:8px 12px;color:var(--text-accent);text-shadow:2px 2px 4px rgba(0,0,0,.8);background:var(--carbon-black);border:2px solid var(--carbon-dark)}.preset-controls{margin-bottom:15px}.preset-category-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:15px}.preset-category-tab{background:var(--carbon-dark);border:2px solid var(--carbon-black);color:var(--text-color);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;padding:8px 16px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--carbon-black)}.preset-category-tab:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.preset-category-tab.active{background:var(--carbon-accent);border-color:var(--carbon-accent);color:var(--text-accent);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--carbon-black)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:15px;min-height:80px}.preset-slot{background:var(--carbon-dark);border:2px solid var(--carbon-black);color:var(--text-color);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;padding:12px 8px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--carbon-black);text-align:center;min-height:45px;display:flex;align-items:center;justify-content:center}.preset-slot:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--carbon-black)}.preset-slot.active{background:#f60;border-color:#f60;color:var(--text-accent);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--carbon-black)}.preset-slot.built-in{border-color:var(--carbon-accent)}.preset-info{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--carbon-black);border:2px solid var(--carbon-dark);box-shadow:inset 2px 2px 4px #00000080}.preset-info #current-preset{font-size:14px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--carbon-accent);text-align:center}.preset-info #preset-description{font-size:11px;font-weight:600;color:var(--text-color);text-align:center;line-height:1.4;letter-spacing:.05em}.shortcuts-overlay{position:fixed;bottom:20px;left:20px;font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.4;color:var(--text-color);opacity:.7;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.shortcuts-overlay:hover{opacity:1}.sidechain-controls{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;padding:8px;background:#0003;border:2px solid var(--carbon-black);border-radius:0;margin-left:20px}.sc-label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-accent);margin-right:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.sc-source-select,.sc-detection-select{background:var(--carbon-base);border:2px solid var(--carbon-black);color:var(--text-accent);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;cursor:pointer;min-width:100px;border-radius:0;transition:all .2s ease;box-shadow:2px 2px 0 var(--carbon-black)}.sc-source-select:hover,.sc-detection-select:hover{background:var(--carbon-light);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--carbon-black)}.sc-source-select:focus,.sc-detection-select:focus{outline:2px solid var(--carbon-accent);outline-offset:2px;background:var(--carbon-dark)}.sc-source-select option,.sc-detection-select option{background:var(--carbon-base);color:var(--text-accent);font-weight:700;text-transform:uppercase;padding:6px}.transport-actions-row{display:flex;gap:20px;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px;width:100%}.control-group{background:linear-gradient(135deg,var(--carbon-dark) 0%,var(--carbon-base) 100%);border:2px solid var(--carbon-black);padding:15px;border-radius:0;display:flex;flex-direction:column;gap:10px;flex:1;min-width:200px;box-shadow:3px 3px 0 var(--carbon-black)}.control-group-title{font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin:0 0 10px;color:var(--text-color);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.button-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}@media (max-width: 899px){.transport-actions-row{flex-direction:column;gap:15px}.control-group{padding:12px;min-width:auto}}*:focus-visible{outline:2px solid var(--carbon-accent);outline-offset:3px}.slider-handle:focus{outline:2px solid var(--carbon-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--carbon-black: #000000;--text-accent: #ffffff;--border-width: 3px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1s infinite}@media (min-width: 2560px){.bass-synth{font-size:18px}.control-row{gap:25px}.control-section{min-width:280px}.control-section{box-shadow:inset 2px 2px 4px #ffffff08,8px 8px 0 var(--carbon-black)}}@media (max-width: 1920px) and (min-width: 1600px){.bass-synth{font-size:16px}}@media (max-width: 1200px){.slider-container{height:180px;min-width:40px}.slider-track{width:14px;height:120px}.slider-handle{width:24px;height:18px;left:-6px}.slider-value{font-size:10px;min-height:16px;padding:3px 6px;min-width:35px;margin-top:18px}.slider-label{font-size:8px;margin-bottom:12px;width:45px}.control-section[data-section=osc] .slider-container{height:200px}.control-section[data-section=osc] .slider-track{height:140px}}@media (max-width: 800px){.control-row{flex-direction:column;gap:15px;min-height:auto;justify-content:center}.control-section{min-width:auto;max-width:none;width:100%;box-shadow:inset 2px 2px 4px #ffffff08,4px 4px 0 var(--carbon-black)}.slider-container{height:160px}.slider-track{width:12px;height:100px}.slider-handle{width:20px;height:16px;left:-5px}.slider-value{font-size:9px;min-height:14px;padding:2px 4px;min-width:30px;margin-top:15px}.slider-label{font-size:7px;margin-bottom:10px;width:40px}.control-section[data-section=osc] .slider-container{height:180px}.control-section[data-section=osc] .slider-track{height:120px}.midi-horizontal-layout{flex-direction:column;gap:15px}.midi-controls-group,.midi-status-group,.midi-channels-group,.midi-devices-group{min-width:auto;width:100%}.midi-status-group{align-items:stretch}.midi-devices-group{max-height:80px}}