@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.app{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-root);color:var(--text-primary);touch-action:pan-x pan-y}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:40px;background:linear-gradient(180deg,#16161c 0%,var(--bg-surface-1) 100%);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:relative;z-index:50}.header-left{display:flex;align-items:center;gap:2px}.header-right{display:flex;align-items:center}.logo-option{display:flex;align-items:center;line-height:1;padding:0;margin:0}.logo-option.logo-1{font-family:var(--font-ui);font-weight:800;font-size:18px;letter-spacing:3px;text-transform:lowercase;color:var(--accent-amber);margin-right:16px;-webkit-user-select:none;user-select:none;text-shadow:0 0 28px var(--accent-amber-glow-strong);transition:text-shadow var(--transition-slow)}.logo-option.logo-1:hover{text-shadow:0 0 36px rgba(232,160,48,.4)}.project-name{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--text-tertiary);letter-spacing:.5px;cursor:default}.project-name-input{font-family:var(--font-ui);font-size:12px;font-weight:400;letter-spacing:.5px;color:var(--text-primary);background:var(--bg-surface-2);border:1px solid var(--accent-amber-dim);border-radius:var(--radius-sm);padding:2px 6px;outline:none;min-width:120px}.file-menu{position:relative}.file-menu-button{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:500;padding:6px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);letter-spacing:.3px;display:flex;align-items:center;line-height:1}.file-menu-button:hover{color:var(--text-primary);background:var(--bg-surface-3)}.file-menu-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:210px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;z-index:1000;animation:dropdown-in .15s ease;padding:4px}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.file-menu-dropdown button{display:block;width:100%;padding:8px 14px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-ui);font-size:13px;font-weight:400;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.file-menu-dropdown button:hover{background:var(--accent-amber-glow);color:var(--accent-amber-bright)}.file-menu-dropdown button:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:1}.file-menu-dropdown button:disabled:hover{background:transparent;color:var(--text-disabled)}.file-menu-divider{height:1px;background:var(--border-subtle);margin:4px 8px}.app-workspace{flex:1;display:flex;overflow:hidden}.transport-controls{display:flex;align-items:center;height:44px;padding:0 16px;background:linear-gradient(180deg,#1c1c24,#16161c);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.transport-left{display:flex;align-items:center;gap:8px;flex:1}.transport-center{display:flex;align-items:center;gap:14px}.transport-right{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end}.transport-tempo{display:flex;align-items:center;gap:5px}.tempo-input{width:48px;padding:4px 6px;background:#0a0a10;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);color:var(--accent-amber);font-family:var(--font-mono);font-size:13px;font-weight:700;text-align:center;outline:none;text-shadow:0 0 8px var(--accent-amber-glow);transition:border-color var(--transition-fast);cursor:ns-resize;-webkit-user-select:none;user-select:none}.tempo-input.editing{cursor:text;-webkit-user-select:auto;user-select:auto}.tempo-input.editing:focus{border-color:var(--accent-amber);box-shadow:0 0 0 2px var(--accent-amber-glow)}.tempo-input::-webkit-outer-spin-button,.tempo-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo-input[type=number]{-moz-appearance:textfield}.tempo-label{font-family:var(--font-ui);font-size:9px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.transport-icon-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface-3);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);padding:0}.transport-icon-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-secondary)}.transport-icon-btn.active{color:var(--accent-amber);background:#ffbb001a}.transport-icon-btn.active:hover{background:#ffbb0029}.transport-buttons{display:flex;gap:4px}.transport-btn{width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.play-pause-btn{background:#2dd46e1a;color:var(--color-play)}.play-pause-btn:hover{background:#2dd46e33;box-shadow:0 0 12px #2dd46e26}.play-pause-btn.is-playing{background:#ffbb001f;color:var(--accent-amber)}.play-pause-btn.is-playing:hover{background:#ffbb0038;box-shadow:0 0 12px var(--accent-amber-glow)}.stop-btn{background:transparent;color:var(--text-tertiary)}.stop-btn:hover{background:var(--accent-amber-glow);color:var(--accent-amber)}.stop-btn svg{fill:var(--accent-amber)}.record-btn{background:#e0322f1f;color:var(--colour-record-red)}.record-btn:hover:not(:disabled){background:#e0322f3d;box-shadow:0 0 12px #e0322f40;color:var(--colour-record-red-bright)}.record-btn-wrap{display:inline-flex;position:relative}.record-btn-wrap.is-disabled{cursor:not-allowed}.record-btn-wrap.is-disabled[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;padding:5px 9px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);font-size:11px;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000073}.record-btn:disabled{background:transparent;color:var(--text-tertiary);opacity:.5;pointer-events:none}.record-btn.recording{background:#ff4a4747;color:var(--colour-record-red-bright);box-shadow:0 0 14px #ff4a4766}.position-display{display:flex;align-items:baseline;background:#0a0a10;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:4px 10px;gap:0;min-width:90px;justify-content:center}.pos-segment{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--accent-amber);letter-spacing:.5px;text-shadow:0 0 8px var(--accent-amber-glow)}.pos-dot{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-tertiary);margin:0 1px}.loop-btn.active{color:var(--color-loop, #e8c830);background:#e8c8301a}.loop-btn.active:hover{background:#e8c8302e}.automation-toggle-transport-btn.active{color:var(--accent-amber);background:var(--accent-amber-glow);border-color:var(--accent-amber)}.automation-toggle-transport-btn.active:hover{background:#ffbb002e}.sample-browser{width:250px;background-color:var(--bg-surface-1);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;flex-shrink:0;transition:width .15s ease,opacity .15s ease;overflow:hidden}.sample-browser:focus{outline:none}.sample-browser.closed{width:0;opacity:0;pointer-events:none}.browser-tabs{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.browser-tab{flex:1;padding:6px 0;background:none;border:none;color:var(--text-tertiary);font-family:var(--font-ui);font-size:11px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.browser-tab:hover{color:var(--text-secondary);background:var(--bg-surface-2)}.browser-tab.active{color:var(--accent-amber);border-bottom-color:var(--accent-amber)}.browser-content{flex:1;overflow-y:auto;padding:8px}.browser-placeholder{color:var(--text-disabled);font-size:12px;text-align:center;padding:24px 8px}.browser-sample-list{display:flex;flex-direction:column}.browser-group-header{display:flex;align-items:center;gap:4px;padding:6px 8px;cursor:pointer;color:var(--text-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;-webkit-user-select:none;user-select:none}.browser-group-header:hover{background:var(--bg-hover)}.browser-group-header.focused,.browser-category-header.focused{background:var(--accent-amber-glow);color:var(--accent-amber-bright)}.browser-group-arrow{font-size:12px;width:14px;flex-shrink:0;color:inherit}.browser-group-name{flex:1}.browser-group-count{font-size:10px;color:var(--text-disabled);font-weight:400;letter-spacing:0}.browser-group-categories{padding-left:10px}.browser-category-header{display:flex;align-items:center;gap:4px;padding:5px 8px;cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:3px;-webkit-user-select:none;user-select:none}.browser-category-header:hover{background:var(--bg-hover);color:var(--text-primary)}.browser-category-header.expanded{color:var(--text-primary)}.browser-category-arrow{font-size:12px;width:14px;flex-shrink:0;color:inherit}.browser-category-name{flex:1}.browser-category-count{font-size:10px;color:var(--text-disabled)}.browser-category-samples{padding-left:16px}.browser-sample-item{padding:4px 8px;font-size:11px;color:var(--text-secondary);cursor:grab;border-radius:3px;white-space:nowrap;overflow:clip;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.browser-sample-item:active{cursor:grabbing}.browser-sample-item:hover{background:var(--bg-hover);color:var(--text-primary)}.browser-sample-item.loading{color:var(--accent-amber);cursor:progress}.browser-preset-row{display:flex;align-items:baseline}.browser-preset-play{width:14px;flex-shrink:0;font-size:9px;margin-right:4px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.browser-effect-icon{width:12px;height:9px;color:var(--text-tertiary)}.browser-preset-spinner{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:14px}.browser-preset-spinner>span{width:3px;height:3px;border-radius:50%;background:var(--accent-amber);animation:browser-preset-pulse .9s ease-in-out infinite}.browser-preset-spinner>span:nth-child(2){animation-delay:.15s}.browser-preset-spinner>span:nth-child(3){animation-delay:.3s}@keyframes browser-preset-pulse{0%,80%,to{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.browser-preset-name{flex:1;overflow:clip;text-overflow:ellipsis}.browser-preset-engine{font-size:9px;color:var(--text-disabled);margin-left:6px;flex-shrink:0}.browser-preset-row.focused{background:var(--bg-hover)}.browser-preset-row.playing{color:var(--accent-amber);background:var(--accent-amber-glow)}.browser-preset-row.playing .browser-preset-engine{color:var(--accent-amber-dim)}.browser-search{position:relative;padding:0 0 6px;flex-shrink:0}.browser-search-input{width:100%;padding:6px 24px 6px 8px;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-family:var(--font-ui);font-size:11px;outline:none;box-sizing:border-box}.browser-search-input:focus{border-color:var(--accent-amber-dim)}.browser-search-input::placeholder{color:var(--text-disabled)}.browser-search-clear{position:absolute;right:4px;top:50%;transform:translateY(calc(-50% - 3px));background:none;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;padding:0 4px;line-height:1}.browser-search-clear:hover{color:var(--text-primary)}.knob-container{display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-user-select:none;user-select:none;position:relative}.knob{position:relative;cursor:pointer;transition:transform var(--transition-fast),filter var(--transition-normal)}.knob:hover{transform:scale(1.08);filter:brightness(1.1)}.knob.dragging{cursor:grabbing;transform:scale(1.12);filter:brightness(1.15)}.knob svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.knob-value{font-family:var(--font-mono);font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap;pointer-events:none;font-size:9px}.knob-label{color:var(--text-tertiary);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center;white-space:nowrap;font-size:8px}.knob-tooltip{padding:2px 6px;background:var(--bg-elevated, #2a2a34);border:1px solid var(--border-default, #3a3a48);border-radius:3px;font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:10000;box-shadow:0 2px 6px #0006}.track-list{width:200px;background-color:var(--bg-surface-1);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%}.tracks-container{flex:1;overflow-y:auto;padding:0;position:relative;scrollbar-width:none;-ms-overflow-style:none}.tracks-container::-webkit-scrollbar{display:none}.track-item.dragging{opacity:.4}.track-drop-indicator{position:absolute;left:0;right:0;height:2px;background:var(--accent-amber, #e8a030);box-shadow:0 0 6px var(--accent-amber-glow, rgba(232, 160, 48, .6));pointer-events:none;z-index:10;transform:translateY(-1px)}.ruler-spacer{background-color:var(--bg-surface-1);flex-shrink:0}.track-item{background-color:var(--bg-surface-2);margin:0;border-bottom:1px solid var(--border-subtle);overflow:hidden;cursor:pointer;transition:background-color var(--transition-fast);position:relative;display:flex;flex-direction:column}.track-item:first-child{margin-top:0}.track-item:hover,.track-item.selected{background-color:var(--bg-surface-3)}.track-item.selected .track-color-bar{width:4px;opacity:1}.track-item.selected .track-name{color:var(--text-primary)}.track-item.group{background-color:var(--bg-elevated, #1a1a22)}.track-item.group:hover{background-color:var(--bg-surface-3)}.track-item.child .track-content{padding-left:18px}.track-disclosure-btn{width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--text-secondary);font-size:9px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;transition:all var(--transition-fast);flex-shrink:0}.track-disclosure-btn:hover{background:var(--bg-surface-3);color:var(--text-primary)}.track-type-badge.group{background:#a0a0c81a;color:var(--text-secondary);border:1px solid rgba(160,160,200,.25)}.track-color-bar{position:absolute;left:0;top:0;bottom:0;width:3px;flex-shrink:0;opacity:.9;transition:width var(--transition-fast),opacity var(--transition-fast)}.track-content{padding:7px 8px 7px 11px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:5px;min-width:0}.track-header{display:flex;justify-content:space-between;align-items:center;gap:4px;min-width:0}.track-name-container{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.track-type-badge{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-fast);background:transparent;border:none;border-radius:0;line-height:0}.track-type-badge.audio,.track-type-badge.midi,.track-type-badge.group{color:var(--text-secondary)}.track-name{background:transparent;border:1px solid transparent;color:var(--text-primary);font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.1px;padding:1px 3px;border-radius:2px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.track-name:hover{border-color:var(--border-default)}.track-name:focus{outline:none;border-color:var(--accent-amber);background:var(--bg-surface-1);box-shadow:0 0 0 2px var(--accent-amber-glow)}.track-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}.mute-btn,.solo-btn,.arm-btn{width:18px;height:16px;border:1px solid var(--border-default);border-radius:2px;background:var(--bg-surface-1);color:var(--text-tertiary);font-family:var(--font-ui);font-size:9px;font-weight:700;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);letter-spacing:.3px;padding:0;display:flex;align-items:center;justify-content:center}.mute-btn:hover,.solo-btn:hover,.arm-btn:hover{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-strong)}.mute-btn.active{background:var(--color-mute);border-color:var(--color-mute);color:#fff}.solo-btn.active{background:var(--color-solo);border-color:var(--color-solo);color:var(--bg-root)}.arm-btn.active{background:#e0322f1f;border-color:var(--colour-record-red);color:var(--colour-record-red)}.arm-btn.active:hover{background:#e0322f3d;border-color:var(--colour-record-red);color:var(--colour-record-red-bright)}.automation-toggle-btn{width:18px;height:16px;border:1px solid var(--border-default);border-radius:2px;background:var(--bg-surface-1);color:var(--text-tertiary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.automation-toggle-btn:hover{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-strong)}.automation-toggle-btn.active{background:var(--accent-amber-glow);color:var(--accent-amber);border-color:var(--accent-amber)}.automation-lane-stack{display:flex;flex-direction:column;background:var(--bg-surface-1, #0e0e14);border-top:1px solid var(--border-subtle);position:relative}.automation-lane-stack:before{content:"";position:absolute;left:18px;top:0;bottom:30px;width:1px;background:var(--border-default);pointer-events:none}.automation-lane-row{display:flex;align-items:center;gap:8px;padding:0 12px 0 28px;border-bottom:1px solid var(--border-subtle);background:#ffffff03;cursor:grab;position:relative}.automation-lane-row:active{cursor:grabbing}.automation-lane-row:before{content:"";position:absolute;left:18px;top:50%;width:10px;height:1px;background:var(--border-default);pointer-events:none}.automation-lane-row:hover{background:#ffffff08}.automation-lane-handle{width:9px;height:9px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0;display:inline-block}.automation-lane-handle.unmapped{background:transparent;border:1.5px solid var(--text-tertiary)}.automation-lane-handle.linked-hover{background:var(--color-automation-dot, #e63946);border-color:var(--color-automation-dot, #e63946);box-shadow:0 0 0 2px #e6394640;animation:automation-lane-handle-pulse 1s ease-in-out infinite}@keyframes automation-lane-handle-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #e6394640}50%{transform:scale(1.35);box-shadow:0 0 0 4px #e6394673}}.automation-lane-row.muted{opacity:.55}.automation-lane-row.orphaned{background:#ffaa3c1a}.automation-lane-row.orphaned:hover{background:#ffaa3c29}.automation-lane-row.orphaned .automation-lane-label{color:#ffae3b}.automation-lane-row.orphaned .automation-lane-handle{background:#ffae3b;border-color:#ffae3b}.automation-lane-resize-handle{position:absolute;left:0;right:0;bottom:0;height:4px;cursor:ns-resize;background:transparent;z-index:2}.automation-lane-resize-handle:hover{background:var(--accent-amber-glow, rgba(232, 160, 48, .25))}.automation-lane-reorder-grip{position:absolute;left:0;top:0;bottom:0;width:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:9px;letter-spacing:-1px;cursor:grab;-webkit-user-select:none;user-select:none;opacity:.5;transition:opacity var(--transition-fast);z-index:1}.automation-lane-reorder-grip:hover{opacity:1;color:var(--text-secondary)}.automation-lane-reorder-grip:active{cursor:grabbing}.lane-drop-indicator{position:absolute;left:8px;right:8px;height:2px;background:var(--accent-amber, #e8a030);box-shadow:0 0 6px var(--accent-amber-glow, rgba(232, 160, 48, .6));pointer-events:none;z-index:10;transform:translateY(-1px)}.automation-lane-label{flex:1;font-family:var(--font-ui);font-size:10.5px;color:var(--text-secondary);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-lane-chevron{font-size:11px;line-height:1;color:var(--text-tertiary);flex-shrink:0;-webkit-user-select:none;user-select:none;margin-left:4px}.automation-lane-footer{display:flex;align-items:center;justify-content:center;padding:0 12px;position:relative}.automation-add-lane-btn{background:transparent;border:1px dashed var(--border-default);border-radius:2px;color:var(--text-tertiary);font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.3px;padding:2px 8px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.automation-add-lane-btn:hover{background:var(--bg-surface-3);color:var(--text-secondary);border-color:var(--border-strong)}.track-controls{display:flex;align-items:center}.track-fader-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.track-pan{display:flex;align-items:center;margin-left:2px}.track-pan .knob-container{width:20px!important;padding:0;gap:0}.track-pan .knob-label,.track-pan .knob-value{display:none}.track-value-readout{font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--text-secondary);text-align:left;flex-shrink:0;min-width:38px;letter-spacing:-.2px;font-variant-numeric:tabular-nums}.volume-slider{flex:1;min-width:0}.tracks-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2)}.tracks-header-title{font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.tracks-add-wrap{position:relative}.tracks-add-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;animation:dropdown-in .15s ease;padding:4px}.section-add-btn{width:22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface-3);color:var(--text-secondary);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.menu-option{width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-ui);font-size:13px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.menu-option:hover{background:var(--bg-surface-3)}.menu-option .option-icon{font-size:13px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}.menu-option .option-icon.audio{background:var(--accent-teal-glow);color:var(--accent-teal);border:1px solid rgba(46,196,182,.2)}.menu-option .option-icon.midi{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid rgba(232,160,48,.2)}.track-context-menu{position:fixed;min-width:180px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:2000;animation:dropdown-in .15s ease;padding:4px}.context-menu-option{width:100%;padding:8px 14px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-ui);font-size:13px;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.context-menu-option:hover{background:var(--bg-surface-3)}.context-menu-option.danger:hover{background:var(--color-stop-glow);color:var(--color-stop)}.context-menu-option:disabled{opacity:.4;cursor:not-allowed}.context-menu-option:disabled:hover{background:transparent}.lane-context-menu{min-width:160px}.automation-target{display:inline-block;border-radius:4px;position:relative;outline-offset:2px}.automation-target--drag-in-flight{outline:1px dashed var(--accent-amber-dim)}.automation-target--drag-in-flight.automation-target--drag-hover{outline:2px solid var(--accent-amber-bright);animation:automation-drop-hover-pulse .9s ease-in-out infinite}@keyframes automation-drop-hover-pulse{0%,to{box-shadow:0 0 0 2px var(--accent-amber-glow)}50%{box-shadow:0 0 0 5px var(--accent-amber-glow-strong)}}.automation-dot{position:absolute;top:0;left:0;width:6px;height:6px;border-radius:50%;background:var(--color-automation-dot, #e63946);pointer-events:auto;cursor:default;z-index:5;transition:width var(--transition-fast),height var(--transition-fast)}.automation-dot:hover{width:10px;height:10px}.ripple-synth-panel .automation-dot{top:12px;left:8px}.automation-dot-tooltip{background:var(--bg-elevated, #1a1a22);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-ui);font-size:10px;padding:3px 7px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:10000;animation:automation-dot-tooltip-fade-in 80ms ease-out}@keyframes automation-dot-tooltip-fade-in{0%{opacity:0}to{opacity:1}}.volume-slider-wrap{flex:1;display:block}.volume-slider-wrap .volume-slider{width:100%}.tracks-container::-webkit-scrollbar{width:6px}.tracks-container::-webkit-scrollbar-track{background:transparent}.tracks-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.tracks-container::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:10px 20px;border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:12px;font-weight:500;white-space:nowrap;animation:toast-in .2s ease,toast-out .3s ease 3.2s forwards;box-shadow:var(--shadow-lg)}.toast-info{background:var(--bg-surface-3);color:var(--text-primary);border:1px solid var(--border-default)}.toast-error{background:#3a1c1c;color:#f87171;border:1px solid #7f1d1d}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.timeline-container{flex:1;position:relative;overflow:hidden;background-color:var(--bg-root);cursor:default;transition:background-color var(--transition-slow);touch-action:pan-x pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-container.drag-over{background-color:#2ec4b60a}.timeline-container.drag-over:after{content:"Drop audio or presets here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent-teal);font-family:var(--font-ui);font-size:20px;font-weight:600;pointer-events:none;text-shadow:0 0 24px var(--accent-teal-glow);letter-spacing:1px}.juno-synth-panel{padding:8px;background-color:var(--bg-surface-1);color:var(--text-primary);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.juno-synth-panel .juno-tab-strip{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.juno-synth-panel .juno-tab-strip-btn{flex:0 0 33.333%;padding:6px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-family:var(--font-ui);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.juno-synth-panel .juno-tab-strip-btn:hover{color:var(--text-secondary);background:var(--bg-surface-2)}.juno-synth-panel .juno-tab-strip-btn.active{color:var(--accent-amber);border-bottom-color:var(--accent-amber)}.juno-synth-panel .juno-advanced-placeholder{display:flex;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:var(--text-tertiary);font-family:var(--font-ui);font-size:12px}.juno-synth-panel .juno-advanced-placeholder p{margin:0}.synth-section{padding:8px 8px 10px;background:var(--bg-surface-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle);border-left:3px solid var(--section-accent, var(--border-default));margin:0;position:relative}.preset-section{display:flex;align-items:center;gap:10px;padding:10px 12px;border-left-color:var(--synth-juno)}.preset-label{font-family:var(--font-ui);font-size:9px;font-weight:700;color:var(--synth-juno);text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap}.preset-selector{flex:1;padding:6px 10px;background:var(--bg-surface-1);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all var(--transition-normal)}.preset-selector:hover{background:var(--bg-surface-2);border-color:var(--synth-juno)}.preset-selector:focus{outline:none;border-color:var(--synth-juno);box-shadow:0 0 0 2px var(--synth-juno-glow)}.preset-selector option{background:var(--bg-surface-1);color:var(--text-primary);padding:6px}.section-title{margin:0 0 8px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--section-accent, var(--text-secondary));text-transform:uppercase}.section-title-with-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title-with-toggle .toggle-pill{padding:3px 8px;font-size:9px;letter-spacing:.8px}.knob-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:2px;flex-wrap:nowrap}.inline-param{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 2px 0;min-width:44px}.inline-param label{font-family:var(--font-ui);font-size:9px;color:var(--text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.mini-select{padding:3px 6px;background:var(--bg-surface-3);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:10px;cursor:pointer;min-width:50px;transition:all var(--transition-fast)}.mini-select:hover{background:var(--bg-elevated);border-color:var(--section-accent, var(--synth-juno))}.mini-select:focus{outline:none;border-color:var(--section-accent, var(--synth-juno))}.toggle-pills{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.toggle-pill{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.6px;padding:5px 10px;background:transparent;color:var(--text-tertiary);border:1px solid var(--border-default);border-radius:999px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.toggle-pill:hover{border-color:var(--section-accent, var(--border-strong));color:var(--text-secondary)}.toggle-pill.active{background:var(--section-accent, var(--synth-juno));color:var(--bg-root);border-color:var(--section-accent, var(--synth-juno))}.toggle-pill.active:hover{filter:brightness(1.1)}.toggle-pill:focus-visible{outline:2px solid var(--section-accent, var(--synth-juno));outline-offset:2px}.segmented-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.segmented-label{font-family:var(--font-ui);font-size:9px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.segmented{display:flex;background:var(--bg-surface-3);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented-option{flex:1;padding:5px 4px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.4px;border-radius:3px;cursor:pointer;transition:all var(--transition-fast)}.segmented-option:hover:not(.selected){background:var(--bg-elevated);color:var(--text-primary)}.segmented-option.selected{background:var(--section-accent, var(--synth-juno));color:var(--bg-root);font-weight:700}.segmented-option:focus-visible{outline:2px solid var(--section-accent, var(--synth-juno));outline-offset:1px}.synth-select,.synth-select-small{padding:5px 10px;background:var(--bg-surface-3);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.synth-select{width:100%}.synth-select-small{min-width:80px;flex:1}.synth-select:hover,.synth-select-small:hover{background:var(--bg-elevated);border-color:var(--synth-juno)}.synth-select:focus,.synth-select-small:focus{outline:none;border-color:var(--synth-juno)}.juno-synth-panel::-webkit-scrollbar{width:5px}.juno-synth-panel::-webkit-scrollbar-track{background:transparent}.juno-synth-panel::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.juno-synth-panel::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.juno-synth-panel .automation-target:has(.knob-container) .automation-dot{top:12px;left:8px}.dx7-synth-panel{padding:8px;background:linear-gradient(180deg,rgba(108,123,255,.04) 0%,var(--bg-surface-1) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.dx7-synth-panel .synth-section{margin-bottom:8px;padding:6px;background:#00000026;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.dx7-synth-panel .section-title{font-family:var(--font-ui);font-size:8px;font-weight:700;color:var(--synth-dx7);margin:0 0 6px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-subtle);padding-bottom:2px}.dx7-synth-panel .preset-section{display:flex;align-items:center;gap:8px;border:1px solid rgba(108,123,255,.25);border-radius:var(--radius-sm)}.dx7-synth-panel .preset-label{font-family:var(--font-ui);font-size:9px;font-weight:700;color:var(--synth-dx7);letter-spacing:1px}.dx7-synth-panel .preset-selector{flex:1;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);padding:5px 8px;font-family:var(--font-ui);font-size:11px;transition:all var(--transition-normal)}.dx7-synth-panel .preset-selector:hover{border-color:var(--synth-dx7)}.dx7-synth-panel .preset-selector:focus{outline:none;border-color:var(--synth-dx7);box-shadow:0 0 0 2px var(--synth-dx7-glow)}.dx7-synth-panel .knob-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dx7-synth-panel .algorithm-display{display:flex;align-items:baseline;margin-right:8px}.dx7-synth-panel .algorithm-number{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--synth-dx7);text-shadow:0 0 12px var(--synth-dx7-glow)}.dx7-synth-panel .algorithm-label{font-family:var(--font-ui);font-size:10px;color:var(--text-tertiary);margin-left:2px}.dx7-synth-panel .synth-info{font-family:var(--font-ui);font-size:9px;color:var(--text-tertiary);text-align:center;margin-top:6px}.dx7-synth-panel .automation-target:has(.knob-container) .automation-dot{top:12px;left:8px}.drum-rack{display:flex;flex-direction:column;height:100%;overflow:hidden}.drum-preset-row{display:flex;align-items:center;gap:8px;padding:6px 8px 4px;border-bottom:1px solid var(--border-subtle)}.drum-preset-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.drum-preset-select{flex:1;min-width:0;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:inherit;padding:3px 6px;cursor:pointer;outline:none}.drum-preset-select:hover:not(:disabled){border-color:var(--border-hover)}.drum-preset-select:disabled{opacity:.5;cursor:default}.drum-preset-loading{font-size:11px;color:var(--text-muted);white-space:nowrap}.drum-rack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px}.drum-pad{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface-3);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all var(--transition-fast);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.drum-pad:hover{border-color:var(--border-default);background:var(--bg-elevated)}.drum-pad.loaded{border-color:var(--border-default)}.drum-pad.selected{border-color:var(--accent-amber);box-shadow:0 0 0 1px var(--accent-amber-dim)}.drum-pad.active{background:var(--accent-amber-glow);border-color:var(--accent-amber)}.drum-pad.muted{opacity:.4}.drum-pad.drag-over{border-color:var(--accent-amber);background:var(--accent-amber-glow);box-shadow:0 0 0 2px var(--accent-amber-dim),inset 0 0 12px var(--accent-amber-glow)}.drum-pad-name{font-family:var(--font-ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);text-align:center;line-height:1;padding:0 4px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-pad-note{font-family:var(--font-ui);font-size:9px;color:var(--text-tertiary);line-height:1}.drum-pad-loaded-dot{width:5px;height:5px;border-radius:50%;background:#3ddc84;box-shadow:0 0 4px #3ddc8499;flex-shrink:0}.drum-pad .drum-pad-automation-dot{top:4px;left:4px}.drum-pad-empty{font-size:16px;color:var(--text-tertiary);line-height:1}.drum-pad-mute{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;padding:0;background:var(--border-strong);transition:all var(--transition-fast);flex-shrink:0}.drum-pad-mute.active{background:var(--color-mute);box-shadow:0 0 4px #e0505080}.drum-pad-detail{border-top:1px solid var(--border-subtle);padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.drum-pad-detail-title{font-family:var(--font-ui);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.drum-detail-row{display:flex;align-items:center;gap:8px}.drum-detail-label{font-family:var(--font-ui);font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;width:32px;flex-shrink:0}.drum-detail-slider{flex:1}.drum-detail-value{font-family:var(--font-mono, monospace);font-size:10px;color:var(--text-tertiary);width:32px;text-align:right;flex-shrink:0}.drum-detail-load-btn{width:100%;padding:6px;background:var(--bg-surface-3);border:1px dashed var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all var(--transition-fast);text-align:center}.drum-detail-load-btn:hover{border-color:var(--accent-amber-dim);color:var(--accent-amber);background:var(--accent-amber-glow)}.drum-detail-sample-name{font-family:var(--font-ui);font-size:11px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.drum-detail-clear-btn{font-size:12px;width:18px;height:18px;border-radius:50%;border:none;background:var(--bg-surface-3);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:all var(--transition-fast)}.drum-detail-clear-btn:hover{background:var(--color-stop-glow);color:var(--color-stop)}.drum-context-menu{position:fixed;z-index:1000;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px 0;min-width:130px;box-shadow:0 8px 24px #00000080}.drum-context-item{display:flex;align-items:center;padding:7px 14px;font-family:var(--font-ui);font-size:12px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:none;border:none;width:100%;text-align:left}.drum-context-item:hover{background:var(--bg-surface-3)}.drum-context-item.danger:hover{background:var(--color-stop-glow);color:var(--color-stop)}.dirt-browser{border-top:1px solid var(--border-subtle);flex-shrink:0}.dirt-browser-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:color var(--transition-fast);text-align:left}.dirt-browser-toggle:hover{color:var(--text-primary)}.dirt-browser-arrow{font-size:8px;transition:transform var(--transition-fast);display:inline-block}.dirt-browser-arrow.open{transform:rotate(90deg)}.dirt-browser-content{padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}.dirt-browser-search{width:100%;padding:5px 8px;background:#1a1a24;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#e4e4ec;font-family:var(--font-ui);font-size:11px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.dirt-browser-search::placeholder{color:var(--text-tertiary)}.dirt-browser-search:focus{border-color:var(--accent-amber-dim)}.dirt-browser-loading{font-family:var(--font-ui);font-size:11px;color:var(--text-tertiary);padding:8px 4px;text-align:center}.dirt-browser-list{max-height:200px;overflow-y:auto;background:#1a1a24;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.dirt-browser-list::-webkit-scrollbar{width:4px}.dirt-browser-list::-webkit-scrollbar-track{background:transparent}.dirt-browser-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.dirt-browser-category-group{border-bottom:1px solid rgba(255,255,255,.04)}.dirt-browser-category-group:last-child{border-bottom:none}.dirt-browser-category{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;background:none;border:none;color:#e4e4ec;font-family:var(--font-ui);font-size:11px;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.dirt-browser-category:hover{background:#ffffff0d}.dirt-browser-category.active{background:#ffffff12;color:var(--accent-amber)}.dirt-browser-cat-arrow{font-size:7px;transition:transform var(--transition-fast);display:inline-block;flex-shrink:0;color:var(--text-tertiary)}.dirt-browser-cat-arrow.open{transform:rotate(90deg);color:var(--accent-amber)}.dirt-browser-samples{display:flex;flex-direction:column}.dirt-browser-sample{display:block;width:100%;padding:4px 8px 4px 22px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.dirt-browser-sample:hover{background:#ffffff0f;color:var(--text-primary)}.dirt-browser-sample.loading{color:var(--accent-amber);cursor:wait}.dirt-browser-empty{font-family:var(--font-ui);font-size:11px;color:var(--text-tertiary);padding:12px 8px;text-align:center}.drum-pad-rename-input{background:transparent;border:none;border-bottom:1px solid var(--accent-amber);color:var(--text-primary);font-family:var(--font-ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;width:calc(100% - 8px);outline:none;padding:0 2px}.sf-player-panel{padding:4px;background-color:var(--bg-surface-1);color:var(--text-primary);max-height:100%;overflow-y:auto}.sf-player-panel .synth-section{margin-bottom:6px;padding:4px 6px;background:var(--bg-surface-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.sf-player-panel .preset-section{border:1px solid rgba(91,155,213,.15)}.sf-player-panel .instrument-selector-section{padding:6px 8px;border:1px solid rgba(91,155,213,.25)}.sf-player-panel .section-title{margin:0 0 4px;font-family:var(--font-ui);font-size:8px;font-weight:700;letter-spacing:1px;color:#5b9bd5;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);padding-bottom:2px}.sf-player-panel .section-title-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.sf-player-panel .section-title-toggle:hover{opacity:.8}.sf-player-panel .section-chevron{display:inline-block;font-size:7px;transition:transform .15s ease}.sf-player-panel .section-chevron.open{transform:rotate(90deg)}.sf-player-panel .instrument-selector{width:100%;padding:5px 8px;background:var(--bg-surface-1);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all var(--transition-normal)}.sf-player-panel .instrument-selector:hover{background:var(--bg-surface-2);border-color:#5b9bd5}.sf-player-panel .instrument-selector:focus{outline:none;border-color:#5b9bd5;box-shadow:0 0 0 2px #5b9bd533}.sf-player-panel .instrument-selector:disabled{opacity:.5;cursor:wait}.sf-player-panel .instrument-selector option{background:var(--bg-surface-1);color:var(--text-primary);padding:6px}.sf-player-panel .instrument-selector optgroup{background:var(--bg-surface-2);color:#5b9bd5;font-weight:700;font-style:normal}.sf-player-panel .loading-indicator{display:block;margin-top:4px;font-family:var(--font-ui);font-size:9px;color:#5b9bd5;letter-spacing:.5px;animation:sf-pulse 1.2s ease-in-out infinite}@keyframes sf-pulse{0%,to{opacity:.5}50%{opacity:1}}.sf-player-panel .knob-row{display:flex;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:2px}.sf-player-panel .knob-col{display:flex;flex-direction:column;align-items:center;gap:2px}.sf-player-panel .knob-toggle{font-family:var(--font-ui);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:8px;border:1px solid #555;background:transparent;color:#888;cursor:pointer;line-height:1;-webkit-user-select:none;user-select:none}.sf-player-panel .knob-toggle:hover{border-color:#888;color:#aaa}.sf-player-panel .knob-toggle.active{background:#9d4edd;border-color:#9d4edd;color:#1a1a1a}.sf-player-panel .filter-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-ui);font-size:8px;font-weight:700;letter-spacing:1px;color:#5b9bd5;text-transform:uppercase}.sf-player-panel .filter-toggle input[type=checkbox]{width:12px;height:12px;accent-color:#5B9BD5;cursor:pointer;margin:0}.sf-player-panel .filter-type-row{margin-bottom:4px;display:flex;align-items:center}.sf-player-panel .subsection-label{margin:4px 0 2px;padding-top:3px;border-top:1px solid var(--border-subtle)}.sf-player-panel .select-row{display:flex;align-items:center;gap:6px;margin:2px 0 4px}.sf-player-panel .select-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;min-width:36px}.sf-player-panel .mini-select{padding:2px 4px;background:var(--bg-surface-3);color:var(--text-primary);border:1px solid var(--border-default);border-radius:3px;font-family:var(--font-ui);font-size:9px;cursor:pointer;min-width:70px;transition:all var(--transition-fast)}.sf-player-panel .mini-select:hover{background:var(--bg-elevated);border-color:#5b9bd5}.sf-player-panel .mini-select:focus{outline:none;border-color:#5b9bd5}.sf-player-panel::-webkit-scrollbar{width:5px}.sf-player-panel::-webkit-scrollbar-track{background:transparent}.sf-player-panel::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.sf-player-panel::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sf-player-panel .automation-target:has(.knob-container) .automation-dot{top:12px;left:8px}.ripple-lfo-mode-pill{display:inline-flex;width:96px;height:22px;border:1px solid var(--border-subtle);border-radius:3px;background:var(--bg-surface-3);font-family:var(--font-mono, "Chivo Mono", monospace);font-size:9px;letter-spacing:.05em;overflow:hidden;align-items:stretch}.ripple-lfo-mode-pill__segment{display:inline-flex;align-items:center;justify-content:center;flex:1 1 50%;min-width:0;padding:0 4px;color:var(--text-secondary);text-align:center;text-transform:uppercase}.ripple-lfo-mode-pill__segment--mode{background:transparent;border:none;border-right:1px solid var(--border-subtle);font-family:inherit;font-size:inherit;letter-spacing:inherit;cursor:pointer;font-weight:700;transition:color .1s ease,background .1s ease}.ripple-lfo-mode-pill__segment--mode:hover{color:var(--synth-ripple)}.ripple-lfo-mode-pill[data-mode=sync] .ripple-lfo-mode-pill__segment--mode{background:var(--synth-ripple);color:#161616}.ripple-lfo-mode-pill__segment--value{color:var(--text-primary);font-weight:500;white-space:nowrap}.ripple-lfo-mode-pill[data-mode=sync] .ripple-lfo-mode-pill__segment--value{color:var(--synth-ripple)}:root{--synth-ripple: #e8a030;--synth-ripple-glow: rgba(232, 160, 48, .25);--module-dot-on: #5dd97f;--module-dot-off: #3a3a3a}.ripple-synth-panel{padding:4px;background-color:var(--bg-surface-1);color:var(--text-primary);display:flex;flex-direction:column;gap:6px;max-height:100%;overflow-y:auto}.ripple-panel-header{display:flex;align-items:baseline;gap:8px;padding:6px 8px;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.ripple-panel-title{font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--synth-ripple, #e8a030);text-transform:uppercase}.ripple-panel-subtitle{font-family:var(--font-ui);font-size:9px;color:var(--text-secondary);letter-spacing:.5px}.ripple-synth-panel .ripple-tab-strip{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ripple-synth-panel .ripple-tab-strip-btn{flex:0 0 33.333%;padding:6px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-family:var(--font-ui);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.ripple-synth-panel .ripple-tab-strip-btn:hover{color:var(--text-secondary);background:var(--bg-surface-2)}.ripple-synth-panel .ripple-tab-strip-btn.active{color:var(--accent-amber);border-bottom-color:var(--accent-amber)}.ripple-synth-panel .ripple-card-row{display:flex;gap:4px;align-items:stretch}.ripple-synth-panel .ripple-card-row>.ripple-card{flex:1 1 0;min-width:0}.ripple-synth-panel .ripple-secondary-row .ripple-card-narrow{flex:1 1 0}.ripple-synth-panel .ripple-secondary-row .ripple-card-wide{flex:2 1 0}.ripple-synth-panel .ripple-card{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 6px;display:flex;flex-direction:column;gap:4px}.ripple-synth-panel .ripple-card-header{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--synth-ripple);border-bottom:1px solid var(--border-subtle);padding-bottom:2px}.ripple-synth-panel .ripple-card-label{flex-grow:0;flex-shrink:0}.ripple-synth-panel .ripple-card-wave-select{margin-left:auto;text-transform:lowercase}.ripple-synth-panel .ripple-card-wave-below{width:100%;text-transform:lowercase}.ripple-synth-panel .ripple-filter-on{margin-left:auto;font-size:8px;display:flex;align-items:center;gap:3px}.ripple-synth-panel .ripple-filter-on+.mini-select{margin-left:4px}.ripple-synth-panel .module-dot{width:10px;height:10px;border-radius:50%;background:var(--module-dot-off);flex-shrink:0;transition:background .1s ease,box-shadow .15s ease,transform 80ms ease;border:none;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.ripple-synth-panel .module-dot.on{background:var(--module-dot-on);box-shadow:0 0 5px var(--module-dot-on)}.ripple-synth-panel .module-dot:hover{transform:scale(1.2)}.ripple-synth-panel .module-dot:focus-visible{outline:2px solid var(--synth-ripple);outline-offset:1px}.ripple-synth-panel .ripple-card.is-disabled{filter:grayscale(.85) brightness(.65)}.ripple-synth-panel .ripple-card.is-disabled .ripple-card-display,.ripple-synth-panel .ripple-card.is-disabled .knob-row,.ripple-synth-panel .ripple-card.is-disabled .ripple-card-wave-select,.ripple-synth-panel .ripple-card.is-disabled .ripple-card-wave-below{pointer-events:none;opacity:.7}.ripple-synth-panel .ripple-card-display{display:flex;justify-content:center;align-items:center;background:#161616;border-radius:2px;overflow:hidden;padding:2px}.ripple-synth-panel .ripple-card-display canvas{display:block}.ripple-synth-panel .knob-row{display:flex;justify-content:flex-start;align-items:center;gap:6px;flex-wrap:wrap}.ripple-synth-panel .knob-row-tight{gap:2px;flex-wrap:nowrap;justify-content:space-between}.ripple-synth-panel .ripple-osc-knob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 2px;justify-items:center;align-items:center}.ripple-synth-panel .inline-param{display:flex;flex-direction:column;align-items:center;gap:2px}.ripple-synth-panel .inline-param label{font-family:var(--font-ui);font-size:8px;letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase}.ripple-synth-panel .mini-select{background:var(--bg-surface-3);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:2px;font-family:var(--font-ui);font-size:9px;padding:1px 4px;cursor:pointer}.ripple-synth-panel .mini-checkbox{font-family:var(--font-ui);font-size:8px;letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;display:inline-flex;align-items:center;gap:3px;cursor:pointer}.ripple-synth-panel .mini-checkbox input[type=checkbox]{margin:0;cursor:pointer}.ripple-synth-panel .ripple-static-readout{font-family:var(--font-mono, monospace);font-size:9px;color:var(--text-primary);letter-spacing:.5px;text-transform:lowercase}.ripple-synth-panel .ripple-lfo-display{width:100%;height:110px}.ripple-synth-panel .ripple-lfo-waveform-display{width:100%;height:100%;display:block}.ripple-synth-panel .ripple-lfo-shape-icon{flex-shrink:0;display:block}.ripple-synth-panel .ripple-lfo-shape-select{margin-left:auto;text-transform:lowercase}.ripple-synth-panel .ripple-lfo-tabs{display:flex;gap:2px;margin-left:4px}.ripple-synth-panel .ripple-lfo-tab{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface-3);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:2px;padding:2px 6px;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.ripple-synth-panel .ripple-lfo-tab:hover{color:var(--synth-ripple);border-color:var(--synth-ripple)}.ripple-synth-panel .ripple-lfo-tab.active{background:var(--synth-ripple);color:#161616;border-color:var(--synth-ripple)}.ripple-synth-panel .ripple-lfo-tab .module-dot{width:6px;height:6px;pointer-events:none;cursor:inherit}.ripple-synth-panel .ripple-lfo-tab .module-dot:hover{transform:none}.ripple-synth-panel .ripple-lfo-controls-row{display:flex;align-items:flex-start;gap:8px}.ripple-synth-panel .ripple-lfo-controls-row .ripple-lfo-mode-select,.ripple-synth-panel .ripple-lfo-controls-row .ripple-lfo-shape-select{align-self:center}.ripple-synth-panel .ripple-lfo-controls-row .ripple-lfo-select-stack{display:flex;flex-direction:column;align-self:center;gap:4px}.ripple-synth-panel .ripple-lfo-rate-stack{display:inline-flex;flex-direction:column;align-items:center;gap:3px;width:96px}.ripple-synth-panel .ripple-lfo-sync-badge{display:inline-flex;align-items:center;margin-left:4px;padding:1px 2px;border:1px solid var(--synth-ripple);border-radius:2px;color:var(--synth-ripple);font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;pointer-events:none}.ripple-synth-panel .ripple-lfo-tab.active .ripple-lfo-sync-badge{border-color:#161616;color:#161616}.ripple-synth-panel .ripple-mod-add-btn{margin-left:auto;background:var(--bg-surface-3);color:var(--synth-ripple);border:1px solid var(--border-subtle);border-radius:2px;padding:2px 6px;font-family:var(--font-ui);font-size:9px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .1s ease,border-color .1s ease}.ripple-synth-panel .ripple-mod-add-btn:hover{background:var(--bg-surface-2);border-color:var(--synth-ripple)}.ripple-synth-panel .ripple-mod-empty{font-family:var(--font-ui);font-size:9px;color:var(--text-secondary);letter-spacing:.3px;padding:4px 6px;font-style:italic}.ripple-synth-panel .ripple-mod-routes{display:flex;flex-direction:column;gap:4px;padding:2px 0}.ripple-synth-panel .ripple-mod-route{display:flex;align-items:center;gap:6px;padding:2px 4px;background:var(--bg-surface-3);border:1px solid var(--border-subtle);border-radius:2px}.ripple-synth-panel .ripple-mod-select{flex:1 1 0;min-width:0}.ripple-synth-panel .ripple-mod-arrow{color:var(--text-secondary);font-family:var(--font-ui);font-size:11px;flex-shrink:0}.ripple-synth-panel .ripple-mod-remove-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:2px;width:18px;height:18px;font-family:var(--font-ui);font-size:11px;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;transition:color .1s ease,border-color .1s ease}.ripple-synth-panel .ripple-mod-remove-btn:hover{color:#d97f5d;border-color:#d97f5d}.ripple-synth-panel .ripple-env-tabs{margin-left:auto;display:flex;gap:2px}.ripple-synth-panel .ripple-env-tab{background:var(--bg-surface-3);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:2px;padding:2px 6px;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.ripple-synth-panel .ripple-env-tab:hover{color:var(--synth-ripple);border-color:var(--synth-ripple)}.ripple-synth-panel .ripple-env-tab.active{background:var(--synth-ripple);color:#161616;border-color:var(--synth-ripple)}.ripple-synth-panel .ripple-mod-target{border-radius:4px}.ripple-synth-panel .ripple-mod-target--active{outline:2px dashed var(--synth-ripple);outline-offset:2px}.cfx-eq-controls{gap:10px}.eq-graph{position:relative;width:100%;border:1px solid var(--border-default);border-radius:6px;overflow:hidden;background:#101014;box-shadow:inset 0 1px #ffffff0a,0 2px 8px #00000059}.eq-graph-canvas{display:block;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.eq-band-tabs{display:flex;gap:4px}.eq-band-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 4px;border:1px solid var(--border-default);border-radius:5px;background:var(--bg-surface-2);color:var(--text-secondary);font-size:9.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.eq-band-tab:hover{background:var(--bg-surface-3);color:var(--text-primary)}.eq-band-tab.active{border-color:var(--band-color);color:var(--text-primary);background:color-mix(in srgb,var(--band-color) 14%,var(--bg-surface-2));box-shadow:0 0 0 1px var(--band-color),0 0 10px -2px var(--band-color)}.eq-band-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--band-color);box-shadow:0 0 5px -1px var(--band-color)}.eq-band-tab.active .eq-band-dot{box-shadow:0 0 7px 0 var(--band-color)}.eq-band-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eq-band-strip{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:10px;padding:10px 8px;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-surface-2)}.effect-panel{width:300px;background-color:var(--bg-surface-1);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;height:36px;flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2)}.section-title{font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;margin-right:8px}.section-add-wrap{position:relative;flex-shrink:0;overflow:visible}.section-add-btn{width:22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface-3);color:var(--text-secondary);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.section-add-btn:hover{background:var(--accent-amber-glow);border-color:var(--accent-amber-dim);color:var(--accent-amber)}.section-add-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:120px;max-width:calc(100vw - 20px);background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:dropdown-in .15s ease;padding:4px;display:flex;flex-direction:column;gap:2px}.no-selection,.no-effects{padding:24px 16px;text-align:center;color:var(--text-tertiary);font-size:12px;font-weight:400}.effects-list{flex:1;padding:8px}.effect-item{background:var(--bg-surface-2);border-radius:var(--radius-lg);padding:12px;margin-bottom:8px;border:1px solid var(--border-subtle);transition:all var(--transition-normal)}.effect-item:hover{border-color:var(--border-default)}.effect-item.bypassed{opacity:.4;background:var(--bg-surface-1)}.effect-header{display:flex;align-items:center;margin-bottom:12px;gap:6px}.effect-item.collapsed .effect-header{margin-bottom:0}.collapse-btn{width:18px;height:18px;border:none;border-radius:3px;background:transparent;color:var(--text-tertiary);font-size:8px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.collapse-btn:hover{background:var(--bg-surface-3);color:var(--text-primary)}.effect-reorder-btns{display:flex;flex-direction:column;gap:2px}.move-btn{width:18px;height:14px;border:none;border-radius:3px;background:transparent;color:var(--text-tertiary);font-size:8px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0}.move-btn:hover:not(:disabled){background:var(--bg-surface-3);color:var(--text-primary)}.move-btn:disabled{opacity:.2;cursor:not-allowed}.effect-name{color:var(--text-primary);font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;flex:1}.effect-actions{display:flex;gap:4px}.bypass-btn{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),box-shadow var(--transition-fast);padding:0;display:block;align-self:center}.bypass-btn.active{background:#3ddc84;box-shadow:0 0 6px #3ddc8499}.bypass-btn.bypassed{background:var(--border-strong);box-shadow:none}.bypass-btn:hover{filter:brightness(1.2)}.remove-effect-btn{width:10px;height:10px;min-width:10px;min-height:10px;max-width:10px;max-height:10px;border-radius:50%;border:none;background:var(--color-stop);color:#fff;font-size:7px;line-height:10px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;align-self:center;overflow:hidden;box-sizing:border-box;transition:all var(--transition-fast)}.remove-effect-btn:hover{filter:brightness(1.2);box-shadow:0 0 6px #e0505099}.effect-controls{display:flex;flex-direction:column;gap:10px}.effect-param{display:flex;flex-direction:column;gap:4px}.effect-param label{color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.effect-select{width:100%;height:26px;background:var(--bg-surface-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;padding:0 6px;cursor:pointer;outline:none}.effect-select:focus{border-color:var(--accent-amber-dim)}.effect-slider{width:100%}.effect-option{width:100%;padding:7px 10px;background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);font-size:12px;font-weight:500;transition:all var(--transition-fast);text-align:left}.effect-option:hover{background:var(--bg-surface-3);border-color:var(--accent-amber-dim);color:var(--accent-amber);padding-left:14px}.instrument-section{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-1);flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.instrument-section--compact{flex:0 0 auto;overflow:visible}.instrument-section--preset-drop-over,.effects-section--effect-drop-over{outline:2px dashed #2ec4b6;outline-offset:-2px;background:#2ec4b614}.instrument-content{flex:1;min-height:0;padding:8px;display:flex;flex-direction:column}.instrument-item{background:var(--bg-surface-2);border-radius:var(--radius-lg);padding:0;border:1px solid var(--border-subtle);display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.instrument-panel-body{flex:1;min-height:0;overflow-y:auto}.instrument-info{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-3)}.instrument-item.collapsed .instrument-info{border-bottom:none}.instrument-name{color:var(--text-primary);font-family:var(--font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;flex:1;min-width:0}.no-instrument-hint{color:var(--text-tertiary);font-size:12px}.remove-instrument-btn{width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:16px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0}.remove-instrument-btn:hover{background:var(--color-stop-glow);color:var(--color-stop)}.no-instrument{flex:1;display:flex;align-items:center;justify-content:center}.effects-section{flex-shrink:0;display:flex;flex-direction:column;overflow:visible}.instrument-panel-body::-webkit-scrollbar,.effects-section::-webkit-scrollbar{width:6px}.instrument-panel-body::-webkit-scrollbar-track,.effects-section::-webkit-scrollbar-track{background:transparent}.instrument-panel-body::-webkit-scrollbar-thumb,.effects-section::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.effect-panel::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.compressor-knob-row{display:flex;justify-content:space-around;gap:8px;padding:4px 0}.compressor-knob-param{display:flex;flex-direction:column;align-items:center;flex:1}.compressor-meter{display:flex;flex-direction:column;gap:3px;padding:8px 0;margin-bottom:4px;border-bottom:1px solid var(--border-subtle)}.compressor-meter-row{display:flex;align-items:center;gap:6px;height:12px}.compressor-meter-label{font-family:var(--font-ui);font-size:9px;font-weight:600;color:var(--text-tertiary);width:20px;text-align:right;flex-shrink:0}.compressor-meter-track{flex:1;height:6px;background:var(--bg-surface-1);border-radius:3px;overflow:hidden;position:relative}.compressor-meter-fill{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;transition:none;will-change:transform;transform-origin:left center}.compressor-meter-fill.input,.compressor-meter-fill.output{background:var(--accent-teal);opacity:.7}.compressor-meter-fill.gr{background:var(--accent-amber);transform-origin:right center}.compressor-meter-ticks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.compressor-meter-tick{position:absolute;top:-1px;font-family:var(--font-ui);font-size:7px;color:var(--text-tertiary);opacity:.5;transform:translate(-50%);line-height:1;padding-top:7px}.compressor-meter-readout{font-family:var(--font-mono, var(--font-ui));font-size:9px;font-weight:600;color:var(--text-secondary);flex-shrink:0;min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.compressor-makeup-header{display:flex;justify-content:space-between;align-items:center}.compressor-auto-btn{font-family:var(--font-ui);font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface-3);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.compressor-auto-btn:hover{border-color:var(--accent-amber-dim);color:var(--text-secondary)}.compressor-auto-btn.active{background:var(--accent-amber-glow);color:var(--accent-amber);border-color:var(--accent-amber-dim)}.effect-panel .automation-target:has(.knob-container) .automation-dot{top:12px;left:8px}.cfx-kickchain-panel{display:flex;flex-direction:column;gap:12px;padding:8px}.cfx-kickchain-top-row{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.cfx-kickchain-mode-group,.cfx-kickchain-div-group,.cfx-kickchain-curve-row-wrap{display:flex;flex-direction:column;gap:4px}.cfx-kickchain-mode-group label,.cfx-kickchain-div-group label,.cfx-kickchain-curve-row-wrap label{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--text-tertiary);text-transform:uppercase}.cfx-kickchain-mode-row,.cfx-kickchain-div-row{display:flex;gap:4px}.cfx-kickchain-curve-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cfx-kickchain-curve-btn .cfx-kickchain-curve-icon{display:block}.cfx-kickchain-middle-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cfx-kickchain-mix-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:92px}.cfx-kickchain-curve-preview-col{flex:1;min-width:200px;display:flex;justify-content:center}.cfx-kickchain-curve-preview{display:block}.cfx-kickchain-band-row{display:flex;flex-direction:column;gap:4px}.cfx-kickchain-band-row label{font-family:var(--font-ui);font-size:10px;color:var(--text-tertiary)}.cfx-kickchain-band-control-row{display:flex;align-items:center;gap:8px}.cfx-kickchain-band-control-row .effect-slider{flex:1}.cfx-kickchain-mode-btn,.cfx-kickchain-div-btn,.cfx-kickchain-curve-btn{font-family:var(--font-ui);font-size:12px;font-weight:500;padding:4px 10px;border-radius:4px;border:1px solid #444;background:#2a2a2a;color:#ccc;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.cfx-kickchain-curve-btn{padding:4px;display:flex;align-items:center;justify-content:center;min-height:32px}.cfx-kickchain-mode-btn:hover,.cfx-kickchain-div-btn:hover,.cfx-kickchain-curve-btn:hover{background:#353535;border-color:#555}.cfx-kickchain-mode-btn.active,.cfx-kickchain-div-btn.active,.cfx-kickchain-curve-btn.active{background:#ffc107;color:#1a1a1a;border-color:#ffd60a;font-weight:600}.master-channel{width:200px;background-color:var(--bg-surface-1);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:14px;height:100%;gap:16px}.master-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid var(--accent-amber)}.master-header h3{margin:0;color:var(--text-primary);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.master-mute-btn{width:28px;height:28px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface-3);color:var(--text-tertiary);font-family:var(--font-ui);font-size:10px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.master-mute-btn:hover{background:var(--bg-elevated);color:var(--text-secondary)}.master-mute-btn.active{background:var(--color-mute);border-color:var(--color-mute);color:#fff;box-shadow:0 0 12px var(--color-stop-glow)}.master-meters{display:flex;gap:16px;justify-content:center;align-items:flex-end;flex:1;min-height:200px}.meter-channel{display:flex;flex-direction:column;align-items:center;gap:6px}.meter-channel label{color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;font-weight:600}.meter-bar{width:32px;height:200px;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0006}.meter-fill{position:absolute;bottom:0;left:0;right:0;transition:height .05s ease-out,background-color .1s;border-radius:2px}.meter-value{color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:500;min-width:36px;text-align:center}.clip-indicator{text-align:center;padding:6px;background:var(--color-stop);border-radius:var(--radius-sm);animation:flash .5s infinite}.clip-light{color:#fff;font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:3px}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.master-volume{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background:var(--bg-surface-2);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.master-volume label{color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.master-fader{writing-mode:vertical-lr;direction:rtl;width:48px;height:140px;background:linear-gradient(to top,var(--color-play),var(--color-solo),var(--color-stop));outline:none;border-radius:24px;cursor:pointer;box-shadow:inset 0 2px 8px #0000004d;opacity:.8;transition:opacity var(--transition-normal)}.master-fader:hover{opacity:1}.master-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:56px;height:18px;border-radius:9px;background:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000080;border:2px solid var(--accent-amber);transition:all var(--transition-fast)}.master-fader::-webkit-slider-thumb:hover{transform:scale(1.04);box-shadow:0 4px 16px var(--accent-amber-glow-strong)}.master-fader::-moz-range-thumb{width:56px;height:18px;border-radius:9px;background:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000080;border:2px solid var(--accent-amber);transition:all var(--transition-fast)}.master-fader::-moz-range-thumb:hover{transform:scale(1.04)}.volume-db{color:var(--accent-amber);font-family:var(--font-mono);font-size:12px;font-weight:600;min-width:60px;text-align:center;text-shadow:0 0 8px var(--accent-amber-glow)}.ai-sidebar{width:320px;background-color:var(--bg-surface-1);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;flex-shrink:0;transition:width .15s ease,opacity .15s ease;overflow:hidden}.ai-sidebar.closed{width:0;opacity:0;pointer-events:none}.ai-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ai-sidebar-title{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.ai-sidebar-header-actions{display:flex;align-items:center;gap:8px}.ai-sidebar-status{font-family:var(--font-ui);font-size:10px;color:var(--text-disabled);display:flex;align-items:center;gap:4px}.ai-sidebar-status.ready{color:var(--accent-teal)}.ai-sidebar-status.working{color:var(--accent-amber)}.ai-sidebar-status.error{color:var(--color-stop)}.ai-sidebar-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ai-sidebar-clear-btn{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-ui);font-size:10px;cursor:pointer;padding:2px 6px;border-radius:3px}.ai-sidebar-clear-btn:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-hover)}.ai-sidebar-clear-btn:disabled{opacity:.3;cursor:not-allowed}.ai-sidebar-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.ai-sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-disabled);font-family:var(--font-ui);font-size:12px;text-align:center;padding:24px}.ai-sidebar-empty-icon{font-size:28px;opacity:.4}.ai-message{font-family:var(--font-ui);font-size:13px;line-height:1.5;padding:8px 10px;border-radius:var(--radius-md);max-width:90%;word-wrap:break-word}.ai-message.user{align-self:flex-end;background:var(--accent-amber-glow);color:var(--text-primary);border:1px solid var(--accent-amber-dim)}.ai-message.assistant{align-self:flex-start;background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-subtle)}.ai-message-content{word-break:break-word}.ai-message-content p{margin:0 0 4px}.ai-message-content p:last-child{margin-bottom:0}.ai-message-content code{font-family:var(--font-mono);font-size:11px;background:var(--bg-surface-3);padding:1px 4px;border-radius:3px}.ai-message-content pre{margin:4px 0;padding:6px 8px;background:var(--bg-root);border-radius:4px;overflow-x:auto}.ai-message-content pre code{background:none;padding:0}.ai-message-content strong{font-weight:600;color:var(--text-primary)}.ai-message-content ul,.ai-message-content ol{margin:4px 0;padding-left:18px}.ai-message-content li{margin:2px 0}.ai-message-actions{margin-top:6px;display:flex;flex-wrap:wrap;gap:3px}.ai-action{font-size:10px;color:var(--text-tertiary);background:var(--bg-surface-3);padding:2px 6px;border-radius:3px}.ai-action-tool{font-family:var(--font-mono)}.ai-typing-indicator{display:flex;align-items:center;gap:5px;padding:8px 4px;align-self:flex-start}.ai-typing-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-amber);animation:ai-typing-bounce 1.2s ease-in-out infinite}.ai-typing-dot:nth-child(2){animation-delay:.2s}.ai-typing-dot:nth-child(3){animation-delay:.4s}@keyframes ai-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-5px);opacity:1}}.ai-sidebar-input-area{padding:8px 12px;border-top:1px solid var(--border-subtle);flex-shrink:0}.ai-sidebar-input-row{display:flex;gap:6px;align-items:flex-end}.ai-sidebar-input{flex:1;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px 10px;color:var(--text-primary);font-family:var(--font-ui);font-size:13px;resize:none;min-height:36px;max-height:120px;outline:none;transition:border-color .15s ease}.ai-sidebar-input::placeholder{color:var(--text-disabled)}.ai-sidebar-input:focus{border-color:var(--accent-amber-dim)}.ai-sidebar-send{width:36px;height:36px;flex-shrink:0;background:var(--accent-amber-glow);border:1px solid var(--accent-amber-dim);border-radius:var(--radius-md);color:var(--accent-amber);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.ai-sidebar-send:hover{background:var(--accent-amber-glow-strong);color:var(--accent-amber-bright)}.ai-sidebar-send:disabled{opacity:.4;cursor:not-allowed}.project-browser-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.project-browser-modal{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:modal-in .25s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.project-browser-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.project-browser-header h2{margin:0;color:var(--text-primary);font-family:var(--font-ui);font-size:20px;font-weight:700;letter-spacing:.5px}.close-btn{background:none;border:none;color:var(--text-tertiary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-btn:hover{color:var(--text-primary);background:var(--bg-surface-3)}.project-browser-controls{display:flex;gap:10px;padding:14px 24px;border-bottom:1px solid var(--border-subtle)}.search-input{flex:1;padding:8px 14px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-glow)}.search-input::placeholder{color:var(--text-tertiary)}.sort-select{padding:8px 14px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;cursor:pointer;transition:all var(--transition-normal)}.sort-select:focus{outline:none;border-color:var(--accent-teal)}.project-list{flex:1;overflow-y:auto;padding:16px 24px}.loading-message,.empty-message{text-align:center;color:var(--text-tertiary);padding:40px;font-family:var(--font-ui);font-size:14px}.project-item{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-normal)}.project-item:hover{background:var(--bg-surface-3);border-color:var(--border-default)}.project-info{flex:1}.project-name{margin:0 0 6px;color:var(--text-primary);font-family:var(--font-ui);font-size:16px;font-weight:600}.project-meta{display:flex;gap:8px;color:var(--text-secondary);font-size:12px}.project-date{color:var(--text-tertiary)}.project-actions{display:flex;align-items:center;gap:6px}.action-btn{padding:7px 14px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;min-height:34px}.open-btn{background:var(--accent-teal);color:var(--bg-root);border-color:var(--accent-teal)}.open-btn:hover{background:#38d0c4;box-shadow:0 0 16px var(--accent-teal-glow)}.kebab-wrapper{position:relative}.kebab-btn{background:transparent;color:var(--text-tertiary);border:1px solid var(--border-default);padding:4px 8px;min-width:34px;font-size:18px;line-height:1;letter-spacing:1px}.kebab-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-3)}.kebab-menu{position:absolute;top:100%;right:0;margin-top:4px;z-index:100;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px 0;min-width:150px;box-shadow:0 8px 24px #00000080}.kebab-menu button{display:block;width:100%;padding:8px 14px;background:none;border:none;color:var(--text-primary);font-family:var(--font-ui);font-size:12px;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.kebab-menu button:hover{background:var(--bg-surface-3)}.kebab-divider{height:1px;background:var(--border-subtle);margin:4px 0}.kebab-danger{color:var(--color-stop)!important}.kebab-danger:hover{background:var(--color-stop-glow)!important}.project-rename-input{font-family:var(--font-ui);font-size:16px;font-weight:600;color:var(--text-primary);background:var(--bg-surface-3);border:1px solid var(--accent-amber-dim);border-radius:var(--radius-sm);padding:4px 8px;outline:none;width:100%;margin-bottom:6px}.piano-roll-container{position:relative;flex-shrink:0;height:40vh;background-color:var(--bg-surface-1);border-top:1px solid var(--border-default);display:flex;flex-direction:column;z-index:100;box-shadow:0 -8px 32px #00000080}.piano-roll-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);height:40px;gap:16px}.piano-roll-header h3{margin:0;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--text-primary);flex-shrink:0;text-transform:uppercase;letter-spacing:1px}.piano-roll-resize-handle{position:absolute;top:0;left:0;right:0;height:5px;cursor:ns-resize;background:transparent;z-index:10}.piano-roll-resize-handle:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:transparent;transition:background var(--transition-fast);pointer-events:none}.piano-roll-resize-handle:hover:after,.piano-roll-resize-handle:active:after{background:var(--accent-amber-dim, rgba(232, 160, 48, .4))}.piano-roll-header .close-button{background:transparent;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.piano-roll-header .close-button:hover{background:var(--color-stop-glow);color:var(--color-stop)}.piano-roll-body{flex:1;display:flex;min-height:0;overflow:hidden}.piano-roll-canvas{flex:1;position:relative;overflow:hidden}.midi-options-panel{width:180px;min-width:180px;background:var(--bg-surface-2);border-right:1px solid var(--border-subtle);overflow-y:auto;padding:6px 0;display:flex;flex-direction:column;gap:2px}.midi-opt-section{padding:6px 12px;border-bottom:1px solid var(--border-subtle)}.midi-opt-section:last-child{border-bottom:none}.midi-opt-title{font-family:var(--font-ui);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:6px}.midi-opt-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0;gap:8px}.midi-opt-label{font-family:var(--font-ui);font-size:11px;color:var(--text-secondary)}.midi-opt-value{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-opt-hint{font-family:var(--font-ui);font-size:11px;color:var(--text-tertiary);font-style:italic;padding:2px 0}.midi-vel-slider{flex:1;min-width:0}.midi-opt-btn{width:100%;padding:5px 8px;margin-top:4px;background:var(--bg-surface-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.midi-opt-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.midi-opt-btn.danger{color:var(--color-stop)}.midi-opt-btn:disabled{opacity:.4;cursor:not-allowed}.midi-opt-btn:disabled:hover{background:var(--bg-surface-3);color:var(--text-secondary);border-color:var(--border-default)}.midi-options-panel.no-selection .midi-opt-section{opacity:.4}.midi-options-panel.no-selection .midi-opt-section:first-child{opacity:1}.midi-options-panel::-webkit-scrollbar{width:4px}.midi-options-panel::-webkit-scrollbar-track{background:transparent}.midi-options-panel::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.piano-roll-container::-webkit-scrollbar{width:8px;height:8px}.piano-roll-container::-webkit-scrollbar-track{background:var(--bg-root)}.piano-roll-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.piano-roll-container::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.audio-editor-container{position:relative;flex-shrink:0;height:200px;background-color:var(--bg-surface-1);border-top:1px solid var(--border-default);display:flex;flex-direction:column;z-index:100;box-shadow:0 -8px 32px #00000080}.audio-editor-resize-handle{position:absolute;top:0;left:0;right:0;height:5px;cursor:ns-resize;background:transparent;z-index:10}.audio-editor-resize-handle:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:transparent;transition:background var(--transition-fast);pointer-events:none}.audio-editor-resize-handle:hover:after,.audio-editor-resize-handle:active:after{background:var(--accent-amber-dim, rgba(232, 160, 48, .4))}.audio-editor-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);height:40px;gap:16px}.audio-editor-header h3{margin:0;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--text-primary);flex-shrink:0;text-transform:uppercase;letter-spacing:1px}.audio-editor-info{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.audio-editor-bpm{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg-surface-3);padding:2px 8px;border-radius:var(--radius-sm)}.audio-editor-body{flex:1;display:flex;overflow:hidden}.audio-editor-tools{width:180px;flex-shrink:0;padding:12px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px;overflow-y:auto}.audio-tool-section{display:flex;flex-direction:column;gap:6px}.audio-tool-label{font-family:var(--font-ui);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.audio-tool-button{background:var(--bg-surface-3);border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center}.audio-tool-button:hover{background:var(--bg-surface-4);color:var(--text-primary)}.audio-tool-button.active{background:var(--accent-amber-glow);color:var(--accent-amber-bright);border-color:var(--accent-amber)}.audio-tool-detail{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:center}.audio-bpm-row{display:flex;align-items:center;gap:6px}.audio-bpm-arrow{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.audio-bpm-project{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}.audio-bpm-input{background:var(--bg-surface-1);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);width:70px;text-align:center;outline:none;transition:border-color var(--transition-fast);-moz-appearance:textfield}.audio-bpm-input::-webkit-inner-spin-button,.audio-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.audio-bpm-input:focus{border-color:var(--accent-amber);box-shadow:0 0 0 2px var(--accent-amber-glow)}.audio-editor-canvas{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.audio-editor-waveform{display:block;width:100%;height:100%}.audio-editor-placeholder{font-family:var(--font-ui);font-size:12px;color:var(--text-disabled);font-style:italic}.audio-editor-header .close-button{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.audio-editor-header .close-button:hover{background:#ff646433;color:#ff6464;border-color:#ff646466}.midi-modal{width:480px;max-width:90vw;max-height:80vh;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #00000080}.midi-modal:focus{outline:none}.midi-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.midi-modal-title{font-family:var(--font-ui);font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.midi-modal-close{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.midi-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.midi-modal-body{padding:20px;overflow-y:auto;font-family:var(--font-ui);color:var(--text-primary)}.midi-modal-intro{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0 0 16px}.midi-modal-subhead{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--text-primary);margin:16px 0 6px}.midi-modal-list{margin:0;padding-left:18px;font-size:12px;line-height:1.55;color:var(--text-secondary)}.midi-modal-list li{margin-bottom:2px}.midi-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-root);flex-shrink:0}.midi-modal-btn{padding:7px 16px;border-radius:4px;font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s ease;border:1px solid transparent}.midi-modal-btn:focus-visible{outline:2px solid var(--accent-amber-dim);outline-offset:1px}.midi-modal-btn-secondary{background:var(--bg-surface-3);border-color:var(--border-default);color:var(--text-primary)}.midi-modal-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-amber-dim)}.midi-modal-btn-primary{background:var(--accent-amber);border-color:var(--accent-amber);color:var(--bg-root)}.midi-modal-btn-primary:hover{background:var(--accent-amber-bright);border-color:var(--accent-amber-bright)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{width:640px;max-width:90vw;max-height:80vh;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #00000080}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.settings-title{font-family:var(--font-ui);font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.settings-close{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.settings-close:hover{color:var(--text-primary);background:var(--bg-hover)}.settings-body{display:flex;flex:1;overflow:hidden;min-height:400px}.settings-tabs{width:160px;flex-shrink:0;background:var(--bg-root);border-right:1px solid var(--border-subtle);padding:8px;display:flex;flex-direction:column;gap:2px}.settings-tab{background:none;border:none;text-align:left;padding:8px 12px;color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .1s ease}.settings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background:var(--accent-amber-glow);color:var(--accent-amber-bright)}.settings-content{flex:1;padding:20px;overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-modal:focus{outline:none}.settings-placeholder{color:var(--text-disabled);font-size:13px}.settings-section-title{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.settings-section-desc{font-size:12px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.settings-field{margin-bottom:16px}.settings-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.settings-label input[type=checkbox]{accent-color:var(--accent-amber)}.settings-label-text{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.settings-input-row{display:flex;gap:8px}.settings-input{flex:1;padding:7px 10px;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;outline:none}.settings-input:focus{border-color:var(--accent-amber-dim)}.settings-btn{padding:7px 14px;background:var(--bg-surface-3);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .1s ease}.settings-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-amber-dim)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-select{width:100%;padding:7px 10px;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-family:var(--font-ui);font-size:12px;outline:none}.settings-select:focus{border-color:var(--accent-amber-dim)}.settings-status{display:block;font-size:11px;margin-top:6px}.settings-status.success{color:var(--color-play)}.settings-status.error{color:var(--color-stop)}.settings-security-note{font-size:11px;color:var(--text-tertiary);margin:8px 0 0;line-height:1.4;font-style:italic}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.export-modal{width:420px;max-width:90vw;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #00000080}.export-modal:focus{outline:none}.export-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.export-title{font-family:var(--font-ui);font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.export-close{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.export-close:hover{color:var(--text-primary);background:var(--bg-hover)}.export-body{padding:20px;min-height:88px;font-family:var(--font-ui)}.export-msg{font-size:14px;color:var(--text-primary);margin:0 0 8px}.export-sub{font-size:12px;color:var(--text-tertiary);margin:0}.export-done{color:var(--accent-amber-bright, #5fd38a)}.export-error{color:#e06c6c}.export-progress-track{width:100%;height:8px;background:var(--bg-root);border:1px solid var(--border-subtle);border-radius:999px;overflow:hidden;margin:12px 0 8px}.export-progress-fill{height:100%;background:var(--accent-amber-bright, #d8a05f);border-radius:999px;transition:width .1s linear}.export-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--border-subtle)}.export-btn{font-family:var(--font-ui);font-size:13px;font-weight:500;padding:7px 16px;border-radius:5px;border:1px solid var(--border-default);background:var(--bg-surface-2, var(--bg-root));color:var(--text-primary);cursor:pointer;transition:all .1s ease}.export-btn:hover{background:var(--bg-hover)}.export-btn-primary{background:var(--accent-amber-glow, #3a2f1a);border-color:var(--accent-amber-bright, #d8a05f);color:var(--accent-amber-bright, #d8a05f)}.export-btn-primary:hover:not(:disabled){filter:brightness(1.15)}.export-btn:disabled{opacity:.45;cursor:not-allowed}.auth-controls{display:flex;align-items:center;gap:10px;margin-left:16px}.auth-controls__user{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--text-tertiary);letter-spacing:.5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-controls__button{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;font-weight:500;padding:4px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);letter-spacing:.3px;line-height:1}.auth-controls__button:hover{color:var(--text-primary);border-color:var(--accent-amber-dim);background:var(--bg-surface-3)}.auth-controls--loading{min-height:20px}.auth-controls__spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-default);border-top-color:var(--accent-amber);border-radius:50%;animation:auth-controls-spin .7s linear infinite}@keyframes auth-controls-spin{to{transform:rotate(360deg)}}:root{--bg-root: #0c0c0f;--bg-surface-1: #131317;--bg-surface-2: #1a1a20;--bg-surface-3: #222229;--bg-elevated: #2a2a32;--bg-hover: #30303a;--border-subtle: #1e1e26;--border-default: #2a2a34;--border-strong: #3a3a48;--text-primary: #e4e4ec;--text-secondary: #8c8ca0;--text-tertiary: #5c5c72;--text-disabled: #44445a;--accent-amber: #e8a030;--accent-amber-dim: #c88818;--accent-amber-bright: #f0b848;--accent-amber-glow: rgba(232, 160, 48, .12);--accent-amber-glow-strong: rgba(232, 160, 48, .25);--accent-teal: #2ec4b6;--accent-teal-dim: #20a090;--accent-teal-glow: rgba(46, 196, 182, .12);--color-play: #2ecc71;--color-play-dim: #27ae60;--color-play-glow: rgba(46, 204, 113, .2);--color-pause: #e8a030;--color-stop: #e05050;--color-stop-dim: #c04040;--color-stop-glow: rgba(224, 80, 80, .15);--color-mute: #e05050;--color-solo: #e8c830;--color-loop: #e8c830;--colour-record-red: #e0322f;--colour-record-red-bright: #ff4a47;--colour-record-red-dim: #b8201d;--synth-juno: #2ecc71;--synth-juno-glow: rgba(46, 204, 113, .15);--synth-dx7: #6c7bff;--synth-dx7-glow: rgba(108, 123, 255, .15);--synth-revs: #ff6b35;--synth-revs-glow: rgba(255, 107, 53, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--font-ui: "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .1s ease;--transition-normal: .18s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x pan-y}body{font-family:var(--font-ui);font-weight:400;color:var(--text-primary);background-color:var(--bg-root);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;line-height:1.5}#root{width:100%}::selection{background:var(--accent-amber);color:var(--bg-root)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.fader{height:5px;border-radius:1px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(to right,var(--accent-amber) 0%,var(--accent-amber) var(--fader-fill, 50%),var(--bg-root) var(--fader-fill, 50%),var(--bg-root) 100%);border:1px solid var(--border-subtle);margin:0}.fader:disabled{opacity:.4;cursor:not-allowed}.fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2px;height:10px;border-radius:0;background:var(--text-primary);cursor:ew-resize;border:none}.fader::-moz-range-thumb{width:2px;height:10px;border-radius:0;background:var(--text-primary);cursor:ew-resize;border:none}