.menu-button-container{position:relative;display:inline-block}.menu-button{padding:6px 8px;background:#4a4a4a;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:4px}.menu-button:hover:not(:disabled){background:#5a5a5a}.menu-button:focus{outline:none;border-color:#0ff}.menu-button:disabled{opacity:.5;cursor:not-allowed}.menu-arrow{font-size:10px}.menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#3a3a3a;border:1px solid #555;border-radius:4px;min-width:200px;z-index:100;box-shadow:0 4px 12px #00000080}.menu-item{display:block;width:100%;padding:10px 16px;background:transparent;border:1px solid transparent;color:#fff;font-size:13px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.menu-item:hover:not(:disabled),.menu-item.focused:not(:disabled){background:#4a4a4a;border-color:#0ff}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-item:first-child{border-radius:3px 3px 0 0}.menu-item:last-child{border-radius:0 0 3px 3px}.menu-separator{height:1px;background:#555;margin:4px 0}.midi-selector{display:flex;flex-direction:column;gap:4px}.midi-group{display:flex;align-items:center;gap:6px}.midi-group label{font-size:11px;color:#ccc;display:flex;align-items:center;justify-content:space-between;gap:6px;width:80px;flex-shrink:0;white-space:nowrap}.midi-group select{padding:2px 6px;font-size:11px;background:#3a3a3a;color:#fff;border:1px solid #555;border-radius:3px;cursor:pointer;min-width:160px}.midi-group select:focus{outline:none;border-color:#0ff}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#666}.status-dot.connected{background:#4caf50;box-shadow:0 0 4px #4caf50}.status-dot.disconnected{background:#f44336;box-shadow:0 0 4px #f44336}.modal-content{background:#2a2a2a;border:1px solid #555;border-radius:8px;max-height:80vh;overflow-y:auto}.modal-content--small{min-width:300px;max-width:400px}.modal-content--medium{min-width:400px;max-width:600px}.modal-content--large{min-width:500px;max-width:700px}.slot-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.slot-dialog{background:#2a2a2a;border:1px solid #555;border-radius:8px;padding:20px;min-width:400px}.slot-dialog h3{margin:0 0 15px;font-size:16px;color:#fff}.slot-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:20px}.slot-button{padding:10px;background:#3a3a3a;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.slot-button:hover{background:#4a4a4a}.slot-button.current{background:#0ff;color:#000}.slot-button.source{border-color:#0ff;box-shadow:inset 0 0 0 2px #0ff}.slot-dialog-cancel{width:100%;padding:10px;background:#4a4a4a;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.slot-dialog-cancel:hover{background:#5a5a5a}.rename-input{width:100%;padding:10px;font-size:14px;background:#1a1a1a;color:#fff;border:1px solid #555;border-radius:4px;margin-bottom:15px}.rename-input:focus{outline:none;border-color:#0ff}.rename-buttons{display:flex;gap:10px}.rename-confirm,.rename-cancel{flex:1;padding:10px;border:1px solid #555;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.rename-confirm{background:#0ff;color:#000}.rename-confirm:hover{background:#0cc}.rename-cancel{background:#4a4a4a;color:#fff}.rename-cancel:hover{background:#5a5a5a}.copy-dialog-buttons{display:flex;gap:10px}.copy-confirm,.copy-cancel{flex:1;padding:10px;border:1px solid #555;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.copy-confirm{background:#0ff;color:#000}.copy-confirm:hover:not(:disabled){background:#0cc}.copy-confirm:disabled{background:#3a3a3a;color:#888;cursor:not-allowed}.copy-cancel{background:#4a4a4a;color:#fff}.copy-cancel:hover{background:#5a5a5a}.editor{display:grid;grid-template-columns:280px repeat(5,1fr);grid-template-rows:60px repeat(6,1fr) auto;height:100vh;background:#1a1a1a;min-width:1100px;overflow-x:auto}.editor-footer{grid-column:1 / -1;grid-row:-1;background:#252525;border-top:2px solid #1a1a1a;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;padding:10px}.footer-link{display:flex;align-items:center;gap:8px;color:#aaa;text-decoration:none;padding:6px 12px;border-radius:4px;transition:all .2s}.footer-link:hover{color:#fff;background:#333}.footer-link svg{width:18px;height:18px}.header{grid-column:1 / -1;grid-row:1;background:#2a2a2a;border-bottom:2px solid #1a1a1a;padding:0 20px;display:grid;grid-template-columns:280px repeat(5,1fr);align-items:center;gap:12px}.header-left{grid-column:1 / 5;display:flex;align-items:center;gap:12px}.header-logo{display:flex;flex-direction:column;gap:2px}.header-logo-title{font-size:24px;font-weight:700;line-height:1}.header-logo-subtitle{font-size:11px;color:#888;font-weight:400;line-height:1}.header-right{grid-column:5 / 7;display:flex;align-items:center;justify-content:flex-end;gap:12px}.header-midi{display:flex;align-items:center}.midi-not-supported{font-size:12px;color:#f44}.header-buttons{display:flex;align-items:center;gap:12px}.export-btn,.load-btn{padding:8px 16px;background:#4a4a4a;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.export-btn:hover,.load-btn:hover{background:#5a5a5a}.save-btn{padding:8px 16px;background:#4a4a4a;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.save-btn:hover{background:#5a5a5a}.help-button{padding:6px;background:#4a4a4a;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.help-button:hover{background:#5a5a5a}.settings-button{padding:6px;background:#4a4a4a;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:#5a5a5a}.header-send-btn{padding:6px;background:#4a4a4a;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.header-send-btn:hover:not(:disabled){background:#5a5a5a;border-color:#0ff}.header-send-btn:focus{outline:none;border-color:#0ff}.header-send-btn:disabled{background:#3a3a3a;color:#666;cursor:not-allowed}.header-send-btn .spinner{animation:spin 1s linear infinite}.header-separator{width:1px;height:28px;background:#555;margin:0 8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bank-select-header,.voice-select-header{padding:6px 12px;font-size:14px;background:#2a2a2a;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer}.bank-select-header,.voice-select-header{min-width:120px}.bank-select-header:focus,.voice-select-header:focus{outline:none;border-color:#0ff}.save-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#3a3a3a;border:1px solid #555;border-radius:4px;color:#888;font-size:12px;font-weight:500;transition:all .2s ease}.save-indicator--unsaved{background:#4a3a2a;border-color:#f80;color:#fa4}.save-indicator--saved{background:#2a4a2a;border-color:#4a4;color:#6c6}.save-indicator-dot{width:8px;height:8px;background:#666;border-radius:50%;transition:background .2s ease}.save-indicator--unsaved .save-indicator-dot{background:#f80}.save-indicator--saved .save-indicator-dot{background:#4a4}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2a2a2a;border:1px solid #555;border-radius:8px;min-width:400px;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #444}.modal-header h2{margin:0;font-size:18px;color:#fff}.modal-close{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close:hover{background:#3a3a3a;color:#fff}.modal-body{padding:20px;color:#ccc}.modal-body h3{margin:0 0 12px;font-size:14px;color:#0ff;text-transform:uppercase;letter-spacing:.5px}.modal-body ul{margin:0 0 20px;padding-left:20px}.modal-body li{margin-bottom:8px;line-height:1.5}.modal-body p{margin:0 0 12px;line-height:1.5}.modal-body kbd{background:#3a3a3a;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px;border:1px solid #555}.settings-section{margin-bottom:24px}.settings-section h3{margin:0 0 16px;font-size:14px;color:#0ff;text-transform:uppercase;letter-spacing:.5px}.settings-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-size:14px}.settings-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00ffff}.settings-description{margin:12px 0 0 28px;font-size:13px;color:#888;line-height:1.5}.operators-grid,.operator{display:contents}.op1 .freq-controls{grid-column:2;grid-row:2}.op1 .envelope-display{grid-column:3;grid-row:2}.op1 .eg-section{grid-column:4;grid-row:2}.op1 .level-section{grid-column:5;grid-row:2}.op1 .mod-section{grid-column:6;grid-row:2}.op2 .freq-controls{grid-column:2;grid-row:3}.op2 .envelope-display{grid-column:3;grid-row:3}.op2 .eg-section{grid-column:4;grid-row:3}.op2 .level-section{grid-column:5;grid-row:3}.op2 .mod-section{grid-column:6;grid-row:3}.op3 .freq-controls{grid-column:2;grid-row:4}.op3 .envelope-display{grid-column:3;grid-row:4}.op3 .eg-section{grid-column:4;grid-row:4}.op3 .level-section{grid-column:5;grid-row:4}.op3 .mod-section{grid-column:6;grid-row:4}.op4 .freq-controls{grid-column:2;grid-row:5}.op4 .envelope-display{grid-column:3;grid-row:5}.op4 .eg-section{grid-column:4;grid-row:5}.op4 .level-section{grid-column:5;grid-row:5}.op4 .mod-section{grid-column:6;grid-row:5}.op5 .freq-controls{grid-column:2;grid-row:6}.op5 .envelope-display{grid-column:3;grid-row:6}.op5 .eg-section{grid-column:4;grid-row:6}.op5 .level-section{grid-column:5;grid-row:6}.op5 .mod-section{grid-column:6;grid-row:6}.op6 .freq-controls{grid-column:2;grid-row:7}.op6 .envelope-display{grid-column:3;grid-row:7}.op6 .eg-section{grid-column:4;grid-row:7}.op6 .level-section{grid-column:5;grid-row:7}.op6 .mod-section{grid-column:6;grid-row:7}.freq-controls,.envelope-display,.eg-section,.level-section,.mod-section{background:#3a3a3a;border-bottom:2px solid #1a1a1a;border-left:2px solid #1a1a1a;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:14px;color:#ccc;gap:10px}.op6 .freq-controls,.op6 .envelope-display,.op6 .eg-section,.op6 .level-section,.op6 .mod-section{border-bottom:none}.freq-controls{justify-content:flex-start;padding-top:6px;gap:8px}.envelope-display{background:#3a3a3a;justify-content:center;padding:0;overflow:hidden}.eg-section,.level-section,.mod-section{border-left:2px solid #1a1a1a}.eg-section{gap:8px;padding-top:15px}.level-section{padding-top:15px}.level-knobs{display:flex;gap:8px;align-items:flex-end;justify-content:center}.level-knobs-row{display:flex;gap:12px;align-items:center;justify-content:center}.mod-section{padding-top:10px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}.mod-knobs-triangle{display:flex;align-items:flex-end;gap:12px;justify-content:center;padding-bottom:4px}.mod-knob-center{margin-bottom:60px}.mod-knob-side{margin-bottom:0}.freq-header-row{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;padding-top:12px}.freq-display{margin-top:auto}.freq-knobs{margin-bottom:4px}.op-header{display:flex;align-items:center;gap:8px}.op-label{font-size:18px;font-weight:700;color:#0ff;transition:opacity .15s ease,color .15s ease}.op-label.off{opacity:.4;color:#666}.freq-knobs,.mod-knobs{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;justify-content:center}.freq-display{font-family:Courier New,monospace;font-size:11px;font-weight:700;color:#0ff;background:#1a1a1a;padding:4px 8px;border-radius:3px;width:110px;text-align:center;border:1px solid #333;box-sizing:border-box;white-space:nowrap}.eg-knobs-level,.eg-knobs-rate{display:flex;gap:12px;align-items:flex-end;justify-content:center}.envelope-display{background:#2a2a2a;min-width:280px}.curve-select-container{position:relative;display:flex;flex-direction:column;align-items:center;font-family:inherit;user-select:none}.curve-select-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;text-align:center}.curve-select-display{min-width:60px;height:28px;background:#1a1a1a;border:1px solid #333;border-radius:2px;color:#0ff;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 8px;cursor:pointer;transition:border-color .2s ease}.curve-select-value{flex:1;display:flex;align-items:center;justify-content:center}.curve-select-value .curve-icon{width:32px;height:16px}.curve-select-arrow{font-size:8px;color:#888;margin-left:4px}.curve-select-display:hover{border-color:#444}.curve-select-display.open{border-color:#0ff}.curve-select-display:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 1px #00ffff4d}.curve-select-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:100px;background:#3a3a3a;border:1px solid #444;border-radius:2px;z-index:1000;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;padding:4px;gap:2px}.curve-select-option{width:100%;height:28px;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:2px;transition:background .1s ease;color:#ccc;padding:0 8px}.curve-select-option:hover{background:#3a3a3a;color:#fff}.curve-select-option.selected{background:#1a3a3a;color:#0ff}.curve-select-option .curve-icon{width:24px;height:12px;flex-shrink:0}.curve-select-option-name{font-size:11px;white-space:nowrap;font-family:monospace}.curve-select-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1001;box-shadow:0 2px 8px #00000080;animation:fadeIn .2s ease}.curve-select-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333}.curve-select-sm .curve-select-display{min-width:48px;height:22px;padding:0 4px 0 6px}.curve-select-sm .curve-select-value .curve-icon{width:24px;height:12px}.curve-select-sm .curve-select-arrow{font-size:7px;margin-left:2px}.curve-select-sm .curve-select-option{height:22px;padding:0 6px;gap:6px}.curve-select-sm .curve-select-option .curve-icon{width:20px;height:10px}.curve-select-sm .curve-select-option-name{font-size:10px}.curve-select-lg .curve-select-display{min-width:72px;height:32px;padding:0 8px 0 10px}.curve-select-lg .curve-select-value .curve-icon{width:40px;height:20px}.curve-select-lg .curve-select-arrow{font-size:10px;margin-left:6px}.curve-select-lg .curve-select-option{height:32px;padding:0 10px;gap:10px}.curve-select-lg .curve-select-option .curve-icon{width:32px;height:16px}.curve-select-lg .curve-select-option-name{font-size:12px}.curve-select-xl .curve-select-display{min-width:84px;height:36px;padding:0 10px 0 12px}.curve-select-xl .curve-select-value .curve-icon{width:48px;height:24px}.curve-select-xl .curve-select-arrow{font-size:12px;margin-left:8px}.curve-select-xl .curve-select-option{height:36px;padding:0 12px;gap:12px}.curve-select-xl .curve-select-option .curve-icon{width:40px;height:20px}.curve-select-xl .curve-select-option-name{font-size:13px}.envelope-graph{width:100%;height:100%;min-height:140px;background:#1a1a1a;border:1px solid #333;border-radius:4px;display:flex;align-items:center;justify-content:center}.envelope-graph svg{display:block;width:100%;max-height:100%}.grid-line{stroke:#333;stroke-width:1;vector-effect:non-scaling-stroke}.grid-line-key{stroke:#444;stroke-dasharray:2,2}.adsr-marker{stroke:#20b2aa;stroke-width:1;stroke-dasharray:3,3;vector-effect:non-scaling-stroke}.adsr-label{font-family:system-ui,-apple-system,sans-serif;font-size:9px;font-weight:600}.asdr-label-attack{fill:#c49}.asdr-label-decay{fill:#c66}.asdr-label-sustain{fill:#6a6}.asdr-label-release{fill:#96b}.envelope-path{stroke:#20b2aa;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.envelope-path-idle{stroke:#666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4,3;vector-effect:non-scaling-stroke}.envelope-path-release{stroke:#20b2aa;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4,3;vector-effect:non-scaling-stroke}.envelope-fill{fill:#00ffff1a}.envelope-fill-attack{fill:#f0a3}.envelope-fill-decay{fill:#f443}.envelope-fill-sustain{fill:#4f43}.envelope-fill-release{fill:#a4f3}.concert-pitch-line{stroke:#888;stroke-width:1;stroke-dasharray:4,2;vector-effect:non-scaling-stroke}.level-marker{fill:#0ff;stroke:#1a1a1a;stroke-width:1}.level-marker-trigger{fill:#0f0}.level-marker-l1,.level-marker-l2,.level-marker-l3{fill:#0ff}.level-marker-l4,.level-marker-l4-end{fill:#888}.key-marker{stroke-width:1;vector-effect:non-scaling-stroke}.key-on-marker{stroke:#0a0;stroke-dasharray:2,2}.key-off-marker{stroke:#a60;stroke-dasharray:2,2}.key-marker-label{fill:#888;font-size:8px;font-family:system-ui,-apple-system,sans-serif;font-weight:500}.key-on-label{fill:#6a6}.key-off-label{fill:#a86}.sustain-bracket{fill:none;stroke:#666;stroke-width:1}.sustain-label{fill:#888;font-size:7px;font-family:system-ui,-apple-system,sans-serif;font-style:italic}.param-label{font-family:system-ui,-apple-system,sans-serif;font-size:9px;font-weight:600}.level-label{fill:#ccc}.rate-label{fill:#888}.graph-title{fill:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600}.axis-label{fill:#888;font-family:system-ui,-apple-system,sans-serif;font-size:8px}.y-axis-label,.x-axis-label{font-weight:500}.tick-label{fill:#666;font-family:system-ui,-apple-system,sans-serif;font-size:8px}.knob-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:inherit}.knob-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-weight:500}.knob{position:relative;cursor:grabbed;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.knob.dragging{cursor:grabbing}.knob:focus{outline:none}.knob:focus .knob-outer{border-color:#0ff;box-shadow:inset 0 2px 4px #00000080,0 4px 8px #0000004d,0 0 0 2px #0ff3}.knob-sm{width:32px;height:32px}.knob-md{width:40px;height:40px}.knob-lg{width:48px;height:48px}.knob-xl{width:56px;height:56px}.knob-outer{width:100%;height:100%;border:2px solid #3a3a3a;border-radius:50%;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);box-shadow:inset 0 2px 4px #00000080,0 4px 8px #0000004d;position:relative;overflow:hidden}.knob-inner{position:absolute;inset:2px;border-radius:50%;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out}.knob-indicator{position:absolute;top:3px;width:2px;height:30%;background:#0ff;border-radius:1px;box-shadow:0 0 4px #00ffff80;transition:opacity .2s ease,box-shadow .2s ease}.knob-indicator.off{opacity:.5;background:#666;box-shadow:none}.knob-track{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -135deg,#00ffff 0deg,#00ffff 270deg,transparent 270deg,transparent 360deg);opacity:0}.knob-popover{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#0ff;color:#000;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:700;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #00000080;animation:fadeIn .2s ease}.knob-popover:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #00ffff}.knob-input{width:44px;height:24px;padding:4px 2px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px;color:#0ff;font-size:11px;font-weight:700;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.knob-input:focus{border-color:#0ff;box-shadow:0 0 0 2px #0ff3}.knob-input.off{color:#666}.knob-input::-webkit-outer-spin-button,.knob-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.knob-input[type=number]{-moz-appearance:textfield}.knob-input-spacer{display:none}.knob-label-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1001;box-shadow:0 2px 8px #00000080;animation:fadeIn .2s ease;max-width:200px;text-align:center;line-height:1.4}.knob-label-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333}.ridged-switch{display:inline-block;cursor:pointer;user-select:none;-webkit-user-select:none}.ridged-switch:focus{outline:none}.ridged-switch:focus .ridged-switch-track{border-color:#0ff;box-shadow:inset 0 1px 3px #0009,0 0 0 2px #00ffff4d}.ridged-switch.ridged-sm .ridged-switch-track{width:24px;height:12px}.ridged-switch.ridged-sm .ridged-switch-thumb{width:10px;height:8px}.ridged-switch.ridged-sm .ridged-switch-ridges{width:4px;height:6px;background:linear-gradient(90deg,rgba(0,0,0,.4) 0px,rgba(0,0,0,.4) .5px,transparent .5px,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 2.5px,transparent 2.5px,transparent 4px,rgba(0,0,0,.4) 4px,rgba(0,0,0,.4) 4.5px)}.ridged-switch.ridged-sm.on .ridged-switch-thumb{transform:translate(11px)}.ridged-switch.ridged-md .ridged-switch-track{width:32px;height:16px}.ridged-switch.ridged-md .ridged-switch-thumb{width:14px;height:12px}.ridged-switch.ridged-md .ridged-switch-ridges{width:6px;height:8px;background:linear-gradient(90deg,rgba(0,0,0,.4) 0px,rgba(0,0,0,.4) 1px,transparent 1px,transparent 2.5px,rgba(0,0,0,.4) 2.5px,rgba(0,0,0,.4) 3.5px,transparent 3.5px,transparent 5px,rgba(0,0,0,.4) 5px,rgba(0,0,0,.4) 6px)}.ridged-switch.ridged-md.on .ridged-switch-thumb{transform:translate(15px)}.ridged-switch.ridged-lg .ridged-switch-track{width:40px;height:20px}.ridged-switch.ridged-lg .ridged-switch-thumb{width:18px;height:16px}.ridged-switch.ridged-lg .ridged-switch-ridges{width:8px;height:10px;background:linear-gradient(90deg,rgba(0,0,0,.4) 0px,rgba(0,0,0,.4) 1px,transparent 1px,transparent 3px,rgba(0,0,0,.4) 3px,rgba(0,0,0,.4) 4px,transparent 4px,transparent 6px,rgba(0,0,0,.4) 6px,rgba(0,0,0,.4) 7px)}.ridged-switch.ridged-lg.on .ridged-switch-thumb{transform:translate(19px)}.ridged-switch.ridged-xl .ridged-switch-track{width:48px;height:24px}.ridged-switch.ridged-xl .ridged-switch-thumb{width:22px;height:20px}.ridged-switch.ridged-xl .ridged-switch-ridges{width:10px;height:12px;background:linear-gradient(90deg,rgba(0,0,0,.4) 0px,rgba(0,0,0,.4) 1.5px,transparent 1.5px,transparent 4px,rgba(0,0,0,.4) 4px,rgba(0,0,0,.4) 5.5px,transparent 5.5px,transparent 8px,rgba(0,0,0,.4) 8px,rgba(0,0,0,.4) 9.5px)}.ridged-switch.ridged-xl.on .ridged-switch-thumb{transform:translate(23px)}.ridged-switch-track{background:linear-gradient(180deg,#222,#1a1a1a);border:1px solid #111;border-radius:2px;position:relative;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff0d}.ridged-switch-thumb{position:absolute;top:1px;left:1px;background:linear-gradient(180deg,#4a4a4a,#2a2a2a);border:1px solid #1a1a1a;border-radius:1px;transition:transform .15s ease,background .15s ease;box-shadow:0 1px 2px #0006,inset 0 1px #ffffff1a}.ridged-switch-ridges{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:inherit}.slider-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-weight:500}.slider{position:relative;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border:1px solid #3a3a3a;border-radius:2px;box-shadow:inset 0 2px 4px #00000080,0 4px 8px #0000004d;transition:border-color .2s ease,box-shadow .2s ease}.slider:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 2px #0ff3,0 1px 3px #000c}.slider.dragging{cursor:grabbing}.slider-sm{width:100px;height:28px}.slider-md{width:120px;height:32px}.slider-lg{width:140px;height:36px}.slider-xl{width:160px;height:40px}.slider-track{position:absolute;top:50%;transform:translateY(-50%);left:6px;right:6px;height:4px;background:#0f0f0f;border-radius:1px;box-shadow:inset 0 1px 1px #000}.slider-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(to right,#0ff,#0aa);border-radius:1px;transition:width .1s ease-out}.slider-fill.off{background:#444}.slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:24px;background:#2a2a2a;border:1px solid #1a1a1a;border-radius:2px;box-shadow:0 2px 3px #000000b3;transition:left .1s ease-out,box-shadow .2s ease;z-index:1}.slider-thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:#0ff;border-radius:1px}.slider-thumb.off:before{background:#666}.slider-input{width:44px;height:24px;padding:4px 2px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px;color:#0ff;font-size:11px;font-weight:700;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.slider-input:focus{border-color:#0ff;box-shadow:0 0 0 2px #0ff3}.slider-input.off{color:#666}.slider-input::-webkit-outer-spin-button,.slider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-input[type=number]{-moz-appearance:textfield}.slider-input-spacer{display:none}.slider-popover{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#0ff;color:#000;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:700;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #00000080;animation:fadeIn .2s ease}.slider-popover:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #00ffff}.slider-label-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1001;box-shadow:0 2px 8px #00000080;animation:fadeIn .2s ease;max-width:200px;text-align:center;line-height:1.4}.slider-label-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333}.toggle-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:inherit}.toggle-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-weight:500;cursor:pointer;user-select:none;height:11px;line-height:11px}.toggle-dual-labels-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:160px}.toggle-dual-container,.toggle-single-row{display:flex;align-items:center;gap:8px}.toggle-side-group{display:flex;flex-direction:column;align-items:center;gap:8px;height:auto;padding:0;position:relative;top:-8px}.toggle-dual-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-weight:500;height:11px;line-height:11px;margin:0}.toggle-side-indicator{width:6px;height:6px;background:#666;border-radius:50%;transition:background .2s ease,box-shadow .2s ease;margin:0}.toggle-side-indicator.on{background:#0ff;box-shadow:0 0 4px #0ffc}.toggle-switch{position:relative;cursor:pointer;font-size:12px;width:44px;height:22px;user-select:none;border-radius:2px;transition:.4s;overflow:hidden;background:#1a1a1a;box-shadow:-3px 0 #222,-3px 3px #222,3px 0 #222,3px 3px #222,0 3px #222}.toggle-sm{width:36px;height:18px;font-size:10px}.toggle-md{width:44px;height:22px;font-size:12px}.toggle-lg{width:52px;height:26px;font-size:14px}.toggle-xl{width:60px;height:30px;font-size:16px}.toggle-switch:focus{outline:none;box-shadow:-3px 0 #0ff,-3px 3px #0ff,3px 0 #0ff,3px 3px #0ff,0 3px #0ff,0 0 0 2px #0ff3}.toggle-track{position:absolute;width:100%;height:100%;background-color:#1a1a1a;overflow:hidden}.toggle-3d-left,.toggle-3d-right{position:absolute;display:flex;align-items:center;justify-content:center;width:50%;height:88%;bottom:0;transform-style:preserve-3d;transition:all .15s}.toggle-3d-left{left:0;background:linear-gradient(to right,#444,#2a2a2a);color:#1a1a1a;transform-origin:right;transform:rotateX(10deg)}.toggle-3d-right{right:0;background:linear-gradient(to left,#444,#2a2a2a);color:#666;transform-origin:left;transform:rotateX(10deg) rotateY(-45deg)}.toggle-3d-left:before{position:absolute;content:"";width:100%;height:100%;background:#333;transform-origin:center left;transform:rotateY(90deg)}.toggle-3d-left:after{position:absolute;content:"";width:100%;height:100%;background:#555;transform-origin:center bottom;transform:rotateX(90deg)}.toggle-3d-right:before{position:absolute;content:"";width:100%;height:100%;background:#333;transform-origin:center right;transform:rotateY(-90deg)}.toggle-3d-right:after{position:absolute;content:"";width:100%;height:100%;background:#555;transform-origin:center bottom;transform:rotateX(90deg)}.toggle-switch.on .toggle-3d-left{transform:rotateX(10deg) rotateY(45deg);color:#666}.toggle-switch.on .toggle-3d-right{transform:rotateX(10deg) rotateY(0);color:#444}.toggle-label-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1001;box-shadow:0 2px 8px #00000080;animation:fadeIn .2s ease;max-width:200px;text-align:center;line-height:1.4}.toggle-label-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333}.wave-select-container{position:relative;display:flex;flex-direction:column;align-items:center;font-family:inherit;user-select:none}.wave-select-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;text-align:center}.wave-select-display{min-width:60px;height:28px;background:#1a1a1a;border:1px solid #333;border-radius:2px;color:#0ff;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 8px;cursor:pointer;transition:border-color .2s ease}.wave-select-value{flex:1;display:flex;align-items:center;justify-content:center}.wave-select-value .waveform-icon{width:32px;height:16px}.wave-select-arrow{font-size:8px;color:#888;margin-left:4px}.wave-select-display:hover{border-color:#444}.wave-select-display.open{border-color:#0ff}.wave-select-display:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 1px #00ffff4d}.wave-select-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:60px;background:#3a3a3a;border:1px solid #444;border-radius:2px;z-index:1000;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;padding:4px;gap:2px}.wave-select-option{width:100%;height:28px;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:2px;transition:background .1s ease;color:#ccc;padding:0 8px}.wave-select-option:hover{background:#3a3a3a;color:#fff}.wave-select-option.selected{background:#1a3a3a;color:#0ff}.wave-select-option .waveform-icon{width:24px;height:12px;flex-shrink:0}.wave-select-option-name{font-size:11px;white-space:nowrap}.wave-select-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1001;box-shadow:0 2px 8px #00000080;animation:fadeIn .2s ease}.wave-select-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333}.wave-select-sm .wave-select-display{min-width:48px;height:22px;padding:0 4px 0 6px}.wave-select-sm .wave-select-value .waveform-icon{width:24px;height:12px}.wave-select-sm .wave-select-arrow{font-size:7px;margin-left:2px}.wave-select-sm .wave-select-option{height:22px;padding:0 6px;gap:6px}.wave-select-sm .wave-select-option .waveform-icon{width:20px;height:10px}.wave-select-sm .wave-select-option-name{font-size:10px}.wave-select-lg .wave-select-display{min-width:72px;height:32px;padding:0 8px 0 10px}.wave-select-lg .wave-select-value .waveform-icon{width:40px;height:20px}.wave-select-lg .wave-select-arrow{font-size:10px;margin-left:6px}.wave-select-lg .wave-select-option{height:32px;padding:0 10px;gap:10px}.wave-select-lg .wave-select-option .waveform-icon{width:32px;height:16px}.wave-select-lg .wave-select-option-name{font-size:12px}.wave-select-xl .wave-select-display{min-width:84px;height:36px;padding:0 10px 0 12px}.wave-select-xl .wave-select-value .waveform-icon{width:48px;height:24px}.wave-select-xl .wave-select-arrow{font-size:12px;margin-left:8px}.wave-select-xl .wave-select-option{height:36px;padding:0 12px;gap:12px}.wave-select-xl .wave-select-option .waveform-icon{width:40px;height:20px}.wave-select-xl .wave-select-option-name{font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.left-column{display:contents}.algo-section{grid-column:1;grid-row:2;background:#3a3a3a;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#ccc}.algo-visualization{display:flex;justify-content:center;align-items:center;background:#2a2a2a;border-radius:4px;padding:4px;margin-bottom:4px;width:100%}.algo-visualization svg{display:block}.algo-number{font-size:48px;font-weight:700;color:#0ff;line-height:1}.algo-label{font-size:12px;color:#888;letter-spacing:1px}.feedback-section{grid-column:1;grid-row:3;background:#3a3a3a;border-bottom:2px solid #1a1a1a;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#ccc}.feedback-knobs{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;justify-content:center}.waveform-display{grid-column:1;grid-row:4;background:#3a3a3a;border-bottom:2px solid #1a1a1a;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ccc}.pitch-eg-section{grid-column:1;grid-row:5;background:#3a3a3a;border-bottom:2px solid #1a1a1a;padding:10px;display:flex;flex-direction:column;gap:8px;justify-content:center;font-size:14px;color:#ccc}.pitch-eg-knobs-level,.pitch-eg-knobs-rate{display:flex;gap:12px;align-items:flex-end;justify-content:center}.lfo-section{grid-column:1;grid-row:6 / 8;background:#3a3a3a;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;color:#ccc;gap:15px}.lfo-knobs{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.lfo-row{display:flex;gap:20px;align-items:flex-end;justify-content:center;width:100%;margin-bottom:6px}.lfo-row-wave{margin-bottom:4px}.lfo-row-switches{gap:40px;margin-bottom:0}.algo-container{position:relative;width:100%;padding:4px;box-sizing:border-box;border:1px solid #333}.algo-number{position:absolute;top:4px;left:4px;font-size:24px;font-weight:700;color:#4dd0e1;z-index:3}.algorithm-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:16px;width:100%;position:relative;z-index:2;aspect-ratio:6 / 4}.algorithm-grid-item{background:#3a3a3a;border:1px solid #505050;border-radius:4px;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;font-size:14px;font-weight:700;color:#4dd0e1;position:relative;z-index:2;transform:scale(.85)}.algorithm-grid-item.selected{border-color:#4dd0e1;background:#505050}.mini-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%}.mini-cell{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#666}.mini-cell.filled{color:#4dd0e1;font-weight:700}.algorithm-grid-item.current{background:#4dd0e1;color:#fff}.algorithm-grid-item.carrier{background:#4caf50;color:#fff}.algorithm-grid-item.modulator{background:#2196f3;color:#fff}.algorithm-grid-item.disabled{background:#666;color:#333}.connections-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:#1a1a1a;color:#fff}