.view-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:40;width:260px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.view-menu-section{display:flex;flex-direction:column;gap:var(--space-2)}.view-menu-section-title{font-size:var(--text-micro);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:.04em}.view-menu-divider{height:1px;background:var(--neutral-700);margin:0 calc(-1 * var(--space-3))}.view-menu-segmented{display:flex;gap:2px;background:var(--neutral-850);border:1px solid var(--neutral-600);border-radius:var(--radius-sm);padding:2px}.view-menu-segmented-btn{flex:1;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--neutral-300);font-size:var(--text-small);padding:var(--space-1) var(--space-2);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.view-menu-segmented-btn:hover{color:var(--neutral-100)}.view-menu-segmented-btn.is-active{background:var(--gold-wash-strong);color:var(--gold-300)}.view-menu-row{display:flex;align-items:center;gap:var(--space-2)}.view-menu-row-label{font-size:var(--text-small);color:var(--neutral-300);flex-shrink:0;width:46px}.view-menu-row-value{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--neutral-400);width:34px;text-align:right;flex-shrink:0}.view-menu-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--neutral-200);cursor:pointer}.view-menu-checkbox-label input[type=checkbox]{accent-color:var(--gold-500)}.view-menu-select{flex:1;background:var(--neutral-850);border:1px solid var(--neutral-600);border-radius:var(--radius-xs);color:var(--neutral-100);font-size:var(--text-small);padding:3px 6px}.view-menu-select:disabled{opacity:.5}.view-menu-slider{flex:1;accent-color:var(--gold-500)}.view-menu-slider:disabled{opacity:.5}.snaptoolbar{display:flex;align-items:center;gap:var(--space-2)}.snaptoolbar-magnet-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--neutral-800);border:1px solid var(--neutral-600);border-radius:var(--radius-sm);color:var(--neutral-300);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.snaptoolbar-magnet-btn:hover{background:var(--neutral-700);color:var(--neutral-100)}.snaptoolbar-magnet-btn.is-active{background:var(--gold-wash-strong);border-color:var(--gold-500);color:var(--gold-400);box-shadow:var(--shadow-gold-ring)}.snaptoolbar-select{background:var(--neutral-850);border:1px solid var(--neutral-600);border-radius:var(--radius-xs);color:var(--neutral-100);font-size:var(--text-small);padding:3px var(--space-1);cursor:pointer}.snaptoolbar-select:disabled{opacity:.45;cursor:not-allowed}.snaptoolbar-label{font-size:var(--text-micro);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em}.gridline{position:absolute;top:0;bottom:0;width:1px;pointer-events:none}.gridline--bar{background:var(--neutral-600)}.gridline--beat{background:var(--neutral-750)}.gridline--subdivision{background:var(--neutral-800)}.bandlab-import-root{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:10px;color:var(--neutral-100);font-family:var(--font-sans);max-width:640px}.bandlab-import-header{display:flex;flex-direction:column;gap:4px}.bandlab-import-title{font-size:15px;font-weight:600;color:var(--gold-400)}.bandlab-import-sub{font-size:12px;color:var(--neutral-300);line-height:1.5}.bandlab-import-mode-toggle{display:flex;gap:6px}.bandlab-import-mode-btn{flex:1;padding:6px 10px;font-size:12px;background:var(--neutral-850);border:1px solid var(--neutral-600);border-radius:6px;color:var(--neutral-300);cursor:pointer}.bandlab-import-mode-btn.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash)}.bandlab-import-field-row{display:flex;gap:8px}.bandlab-import-field-row-stack{flex-direction:column}.bandlab-import-url-input,.bandlab-import-json-input{flex:1;background:var(--neutral-850);border:1px solid var(--neutral-600);border-radius:6px;color:var(--neutral-100);font-family:var(--font-mono);font-size:12px;padding:8px 10px}.bandlab-import-json-input{resize:vertical;min-height:100px}.bandlab-import-url-input:focus,.bandlab-import-json-input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 2px var(--gold-ring)}.bandlab-import-fetch-btn,.bandlab-import-import-btn{padding:8px 16px;font-size:12px;font-weight:600;background:var(--gold-600);color:var(--neutral-950);border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.bandlab-import-fetch-btn:disabled,.bandlab-import-import-btn:disabled{background:var(--neutral-700);color:var(--neutral-400);cursor:not-allowed}.bandlab-import-error{padding:10px 12px;background:var(--red-wash);border:1px solid var(--red-600);border-radius:6px;color:var(--red-400);font-size:12px;line-height:1.5}.bandlab-import-preview{display:flex;flex-direction:column;gap:14px;padding-top:10px;border-top:1px solid var(--neutral-700)}.bandlab-import-source-title{font-size:14px;font-weight:600}.bandlab-import-source-creator{font-size:12px;color:var(--neutral-300)}.bandlab-import-source-meta{display:flex;gap:10px;font-size:11px;color:var(--gold-300);margin-top:4px}.bandlab-import-audio-preview{width:100%;margin-top:8px;height:32px}.bandlab-import-devices{display:flex;flex-direction:column;gap:4px}.bandlab-import-empty{font-size:12px;color:var(--neutral-400);font-style:italic}.bandlab-import-device-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:6px;font-size:12px}.bandlab-import-device-row.is-unmapped{border-style:dashed;opacity:.75}.bandlab-import-device-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--gold-500);min-width:28px}.bandlab-import-device-name{flex:1}.bandlab-import-device-flag{font-size:10px;color:var(--red-400);text-transform:uppercase;letter-spacing:.04em}.bandlab-import-device-warning{font-size:10px;color:var(--neutral-400);max-width:220px}.bandlab-import-mastering{font-size:12px;color:var(--gold-300)}.bandlab-import-warnings ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.bandlab-import-warnings li{font-size:11px;color:var(--neutral-300);line-height:1.5}.bandlab-import-actions{display:flex;align-items:center;gap:12px}.bandlab-import-summary{font-size:11px;color:var(--success-500);line-height:1.5}.daw-tooltip{position:fixed;z-index:3000;pointer-events:none;max-width:220px;padding:4px 8px;border-radius:var(--radius-xs);background:var(--neutral-100);color:var(--neutral-950);font-size:var(--text-micro);font-weight:500;line-height:1.3;white-space:nowrap;box-shadow:var(--shadow-md);animation:daw-tip-in var(--duration-fast) var(--ease-standard)}.daw-tooltip--top{transform:translate(-50%,-100%)}.daw-tooltip--bottom{transform:translate(-50%)}.daw-tooltip--left{transform:translate(-100%,-50%)}.daw-tooltip--right{transform:translateY(-50%)}@keyframes daw-tip-in{0%{opacity:0}to{opacity:1}}.daw-hovercard{position:fixed;z-index:3000;pointer-events:none;display:flex;flex-direction:column;gap:2px;min-width:120px;max-width:260px;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);background:var(--neutral-850);color:var(--neutral-200);font-size:var(--text-small);line-height:1.4;box-shadow:var(--shadow-md);animation:daw-tip-in var(--duration-fast) var(--ease-standard)}.daw-hovercard--top{transform:translate(-50%,-100%)}.daw-hovercard--bottom{transform:translate(-50%)}.daw-hovercard--left{transform:translate(-100%,-50%)}.daw-hovercard--right{transform:translateY(-50%)}.daw-hovercard b{color:var(--neutral-100);font-weight:600}.daw-hovercard kbd{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--gold-400)}.daw-toaster{position:fixed;left:50%;bottom:max(var(--space-5),env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:3100;display:flex;flex-direction:column-reverse;gap:var(--space-2);width:min(560px,calc(100vw - var(--space-6)));pointer-events:none}.daw-toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-700);border-left-width:3px;border-radius:var(--radius-sm);background:var(--neutral-850);color:var(--neutral-100);font-size:var(--text-small);box-shadow:var(--shadow-md);pointer-events:auto;animation:daw-toast-in var(--duration-base) var(--ease-emphasized)}.daw-toast--info{border-left-color:var(--gold-500)}.daw-toast--success{border-left-color:var(--success-500)}.daw-toast--error{border-left-color:var(--red-500)}.daw-toast__icon{flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius-pill);font-size:var(--text-micro);font-weight:700}.daw-toast--info .daw-toast__icon{background:var(--gold-wash);color:var(--gold-400)}.daw-toast--success .daw-toast__icon{background:var(--success-wash);color:var(--success-500)}.daw-toast--error .daw-toast__icon{background:var(--red-wash);color:var(--red-400)}.daw-toast__msg{flex:1;line-height:1.35}.daw-toast__close{flex:none;border:0;background:transparent;color:var(--neutral-400);font-size:16px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.daw-toast__close:hover{color:var(--neutral-100);background:var(--neutral-700)}@keyframes daw-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pnl-section-title{font-size:var(--text-small);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2)}.pnl-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-pill);padding:3px 10px 3px 6px;font-size:var(--text-micro);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.pnl-toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--neutral-500);flex-shrink:0}.pnl-toggle.is-on{border-color:var(--gold-600);color:var(--gold-300);background:var(--gold-wash)}.pnl-toggle.is-on .pnl-toggle-dot{background:var(--gold-500);box-shadow:0 0 6px var(--gold-ring)}.pnl-toggle.is-danger.is-on{border-color:var(--red-600);color:var(--red-400);background:var(--red-wash)}.pnl-toggle.is-danger.is-on .pnl-toggle-dot{background:var(--red-500);box-shadow:0 0 6px var(--red-ring)}.devedit-knob-grid{display:flex;flex-wrap:wrap;gap:var(--space-4)}.pnl-slider-field{display:flex;flex-direction:column;gap:2px;font-size:var(--text-small);color:var(--neutral-300)}.pnl-slider-field-row{display:flex;justify-content:space-between;font-size:var(--text-micro);color:var(--neutral-400)}.pnl-slider-field-row span:last-child{color:var(--gold-300);font-family:var(--font-mono)}.pnl-slider-field input[type=range]{width:100%;accent-color:var(--gold-500)}.fxc-root{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.fxc-header{display:flex;align-items:center;justify-content:space-between}.fxc-header-title{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.fxc-header-track{font-size:var(--text-micro);color:var(--neutral-400)}.fxc-add-wrap{position:relative}.fxc-add-btn{background:var(--gold-wash);border:1px solid var(--gold-600);color:var(--gold-300);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-small);cursor:pointer}.fxc-add-btn:hover{background:var(--gold-wash-strong)}.fxc-add-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:5;background:var(--neutral-850);border:1px solid var(--neutral-600);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:160px;overflow:hidden}.fxc-add-menu-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--neutral-200);padding:var(--space-2) var(--space-3);font-size:var(--text-small);cursor:pointer}.fxc-add-menu-item:hover{background:var(--neutral-800);color:var(--gold-300)}.fxc-list{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.fxc-row{display:flex;align-items:center;gap:var(--space-2);background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);padding:var(--space-2)}.fxc-row.is-dragging{opacity:.4}.fxc-row.is-drop-target{border-color:var(--gold-500);box-shadow:var(--shadow-gold-ring)}.fxc-row.is-focused{border-color:var(--gold-600)}.fxc-row.is-bypassed{opacity:.55}.fxc-row-handle{cursor:grab;color:var(--neutral-500);flex-shrink:0;display:flex}.fxc-row-handle:active{cursor:grabbing}.fxc-row-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--neutral-950);background:var(--gold-500);border-radius:var(--radius-xs);padding:2px 5px;flex-shrink:0}.fxc-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fxc-row-name{font-size:var(--text-small);font-weight:600;color:var(--neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fxc-row-preset{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-xs);font-size:var(--text-micro);padding:2px 4px;max-width:140px}.fxc-row-wet{display:flex;flex-direction:column;align-items:center;gap:2px;width:72px;flex-shrink:0}.fxc-row-wet-label{font-size:9px;color:var(--neutral-500)}.fxc-row-wet input[type=range]{width:100%;accent-color:var(--gold-500)}.fxc-row-actions{display:flex;gap:4px;flex-shrink:0}.fxc-row-btn{width:26px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-400);border-radius:var(--radius-xs);cursor:pointer}.fxc-row-btn:hover{color:var(--neutral-100)}.fxc-row-btn.is-on{border-color:var(--gold-600);color:var(--gold-400);background:var(--gold-wash)}.fxc-row-btn--bypass.is-on{border-color:var(--red-600);color:var(--red-400);background:var(--red-wash)}.fxc-row-btn--remove:hover{border-color:var(--red-600);color:var(--red-400)}.fxc-empty{color:var(--neutral-500);font-size:var(--text-small);padding:var(--space-4);text-align:center}.fxc-focused-editor{border-top:1px solid var(--neutral-700);padding-top:var(--space-3)}.devedit-root{display:flex;flex-direction:column;gap:var(--space-3)}.devedit-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.devedit-title-wrap{display:flex;align-items:center;gap:var(--space-2)}.devedit-title{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.devedit-preset-select{background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--gold-300);border-radius:var(--radius-xs);padding:3px 6px;font-size:var(--text-small)}.devedit-close{background:none;border:none;color:var(--neutral-500);cursor:pointer;font-size:var(--text-h2);line-height:1}.devedit-eq-graph{width:100%;height:120px;background:var(--neutral-950);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);display:block}.devedit-bands{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.devedit-band{background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.devedit-band-header{display:flex;align-items:center;justify-content:space-between}.devedit-band-name{font-size:var(--text-small);font-weight:600;color:var(--neutral-200)}.devedit-knob-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.devedit-mode-toggle{display:flex;gap:4px}.devedit-mode-btn{flex:1;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);font-size:var(--text-micro);cursor:pointer}.devedit-mode-btn.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash)}.masterfx-root{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.masterfx-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.masterfx-preset-card{background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);font-size:var(--text-small);font-weight:600;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.masterfx-preset-card:hover{border-color:var(--gold-600)}.masterfx-preset-card.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash);box-shadow:var(--shadow-gold-ring)}.masterfx-preset-sub{font-size:9px;font-weight:400;color:var(--neutral-400)}.masterfx-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.masterfx-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-small);color:var(--neutral-300)}.masterfx-field-row{display:flex;justify-content:space-between;font-size:var(--text-micro);color:var(--neutral-400)}.masterfx-field-row span:last-child{color:var(--gold-300);font-family:var(--font-mono)}.masterfx-field input[type=range]{width:100%;accent-color:var(--gold-500)}.masterfx-mode-group{display:flex;gap:4px}.masterfx-mode-btn{flex:1;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);font-size:var(--text-micro);cursor:pointer}.masterfx-mode-btn.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash)}.masterfx-ab-row{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--neutral-700);flex-wrap:wrap}.masterfx-ab-toggle{display:flex;border:1px solid var(--neutral-600);border-radius:var(--radius-pill);overflow:hidden}.masterfx-ab-btn{background:var(--neutral-800);border:none;color:var(--neutral-400);padding:var(--space-1) var(--space-4);font-size:var(--text-small);font-weight:600;cursor:pointer}.masterfx-ab-btn.is-active{background:var(--gold-500);color:var(--neutral-950)}.masterfx-lufs{display:flex;gap:var(--space-4)}.masterfx-lufs-cell{display:flex;flex-direction:column;align-items:center;min-width:84px}.masterfx-lufs-value{font-family:var(--font-mono);font-size:var(--text-h1);font-weight:700;color:var(--neutral-100)}.masterfx-lufs-value.is-after{color:var(--gold-400)}.masterfx-lufs-label{font-size:9px;color:var(--neutral-500);text-transform:uppercase}.masterfx-actions{margin-top:auto;display:flex;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--neutral-700)}.masterfx-apply-btn,.masterfx-export-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:600;cursor:pointer}.masterfx-apply-btn{background:var(--gold-500);border:1px solid var(--gold-500);color:var(--neutral-950)}.masterfx-apply-btn:hover{background:var(--gold-400)}.masterfx-export-btn{background:transparent;border:1px solid var(--neutral-600);color:var(--neutral-200)}.masterfx-export-btn:hover{border-color:var(--gold-500);color:var(--gold-300)}.takeed-root{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.takeed-header{display:flex;align-items:center;justify-content:space-between}.takeed-title{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.takeed-subtitle{font-size:var(--text-micro);color:var(--neutral-400)}.takeed-empty{color:var(--neutral-500);font-size:var(--text-small);padding:var(--space-4);text-align:center}.takeed-region-select{display:flex;gap:4px;flex-wrap:wrap}.takeed-region-tab{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-xs);padding:2px 8px;font-size:var(--text-micro);cursor:pointer}.takeed-region-tab.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash)}.takeed-composite{position:relative;height:36px;background:var(--neutral-850);border:1px solid var(--gold-700);border-radius:var(--radius-sm);overflow:hidden}.takeed-composite-seg{position:absolute;top:0;bottom:0;border-right:1px solid var(--neutral-950);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--neutral-950)}.takeed-composite-label{position:absolute;left:var(--space-2);top:-14px;font-size:9px;color:var(--neutral-500);text-transform:uppercase}.takeed-lanes{position:relative;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;border:1px solid var(--neutral-700);border-radius:var(--radius-sm);background:var(--neutral-950);padding:var(--space-2)}.takeed-lane{position:relative;height:44px;border-radius:var(--radius-xs);background:var(--neutral-900);border:1px solid var(--neutral-800);display:flex;user-select:none}.takeed-lane.is-active-take{border-color:var(--gold-700)}.takeed-lane-label{position:absolute;left:4px;top:2px;z-index:2;display:flex;align-items:center;gap:4px;font-size:9px;color:var(--neutral-400);pointer-events:none}.takeed-lane-audition{position:absolute;right:4px;top:4px;z-index:3;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:50%;cursor:pointer;pointer-events:auto}.takeed-lane-audition:hover{border-color:var(--gold-500);color:var(--gold-300)}.takeed-lane-audition.is-playing{background:var(--gold-wash-strong);border-color:var(--gold-500);color:var(--gold-300)}.takeed-lane-wave{position:absolute;inset:0;display:flex;align-items:center;gap:1px;padding:0 2px;pointer-events:none}.takeed-lane-bar{flex:1;background:var(--track-vocal);opacity:.55;border-radius:1px}.takeed-lane.is-active-take .takeed-lane-bar{opacity:.85}.takeed-lane-selection{position:absolute;top:0;bottom:0;background:var(--gold-wash-strong);border-left:1px solid var(--gold-500);border-right:1px solid var(--gold-500);pointer-events:none;z-index:1}.takeed-seam{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;cursor:ew-resize;z-index:4;display:flex;align-items:flex-end;justify-content:center}.takeed-seam-handle{width:8px;height:8px;background:var(--gold-500);border:1px solid var(--neutral-950);transform:rotate(45deg);margin-bottom:2px}.takeed-seam.is-dragging .takeed-seam-handle{background:var(--gold-300);box-shadow:0 0 6px var(--gold-ring)}.takeed-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-micro);color:var(--neutral-500)}.takeed-hint-info{flex:none;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-400);font-size:10px;font-weight:700;line-height:1;cursor:help;padding:0}.takeed-hint-info:hover,.takeed-hint-info:focus-visible{border-color:var(--gold-600);color:var(--gold-300)}.vocaltools-root{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-1) 0}.vocaltools-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.vocaltools-action-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--neutral-850);border:1px solid var(--neutral-700);color:var(--neutral-200);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--text-small);cursor:pointer;text-align:left}.vocaltools-action-btn:hover{border-color:var(--gold-600);color:var(--gold-300)}.vocaltools-action-btn.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash);box-shadow:var(--shadow-gold-ring)}.vocaltools-block{display:flex;flex-direction:column;gap:var(--space-2)}.vocaltools-row{display:flex;gap:var(--space-2)}.vocaltools-select{flex:1;background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-100);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);font-size:var(--text-small)}.vocaltools-slider-row{display:flex;flex-direction:column;gap:2px;font-size:var(--text-micro);color:var(--neutral-400)}.vocaltools-slider-row input[type=range]{width:100%;accent-color:var(--gold-500)}.vocaltools-cleaner-list{display:flex;flex-direction:column;gap:var(--space-1)}.vocaltools-cleaner-item{display:flex;align-items:center;justify-content:space-between;background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-xs);padding:var(--space-2)}.vocaltools-cleaner-name{font-size:var(--text-small);color:var(--neutral-200)}.vocaltools-cleaner-desc{font-size:9px;color:var(--neutral-500)}.fxtray-root{display:flex;flex-direction:column;gap:var(--space-3)}.fxtray-search-row,.fxtray-preset-filters{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.fxtray-search{flex:1;min-width:120px;background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-100);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-small)}.fxtray-search:focus{outline:none;border-color:var(--gold-600);box-shadow:var(--shadow-gold-ring)}.fxtray-device-select{background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-small)}.fxtray-category-tabs{display:flex;gap:4px;flex-wrap:wrap}.fxtray-category-tab{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-pill);padding:3px 10px;font-size:var(--text-micro);cursor:pointer}.fxtray-category-tab:hover{border-color:var(--gold-600);color:var(--gold-300)}.fxtray-category-tab.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash)}.fxtray-vlist,.fxtray-vlist-empty{overflow-y:auto;overflow-x:hidden;border:1px solid var(--neutral-700);border-radius:var(--radius-sm);background:var(--neutral-950)}.fxtray-vlist-empty{display:flex;align-items:center;justify-content:center}.fxtray-vlist-row{padding:2px var(--space-2)}.fxtray-empty{color:var(--neutral-500);font-size:var(--text-small);padding:var(--space-4);text-align:center}.fxtray-card{height:100%;display:flex;align-items:center;gap:var(--space-2);background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);padding:var(--space-2);cursor:grab;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.fxtray-card:hover{border-color:var(--gold-600);background:var(--neutral-800)}.fxtray-card:active{cursor:grabbing}.fxtray-card.is-disabled{cursor:default;opacity:.55}.fxtray-card.is-disabled:hover{border-color:var(--neutral-700);background:var(--neutral-850)}.fxtray-card-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--neutral-950);background:var(--gold-500);border-radius:var(--radius-xs);padding:2px 5px;flex-shrink:0}.fxtray-card.is-disabled .fxtray-card-badge{background:var(--neutral-500)}.fxtray-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.fxtray-card-name{font-size:var(--text-small);font-weight:600;color:var(--neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fxtray-card-desc{font-size:var(--text-micro);color:var(--neutral-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fxtray-card-add-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gold-wash);border:1px solid var(--gold-600);color:var(--gold-300);border-radius:var(--radius-xs);font-size:var(--text-body);cursor:pointer}.fxtray-card-add-btn:hover{background:var(--gold-wash-strong)}.fxtray-card-soon{flex-shrink:0;font-size:9px;color:var(--neutral-500);border:1px solid var(--neutral-600);border-radius:var(--radius-pill);padding:2px 6px}.fxtray-preset-featured{display:flex;flex-direction:column;gap:var(--space-2)}.fxtray-chain-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2)}.fxtray-chain-card{background:var(--neutral-850);border:1px solid var(--gold-700);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);cursor:grab}.fxtray-chain-card:hover{border-color:var(--gold-500);box-shadow:var(--shadow-gold-ring)}.fxtray-chain-card:active{cursor:grabbing}.fxtray-chain-card-head{display:flex;align-items:center;justify-content:space-between}.fxtray-chain-card-name{font-size:var(--text-h2);font-weight:700;color:var(--gold-300)}.fxtray-chain-card-tagline{font-size:var(--text-micro);color:var(--neutral-400);line-height:1.35}.fxtray-chain-card-actions{display:flex;gap:6px;margin-top:var(--space-1)}.fxtray-fav-btn{background:none;border:none;color:var(--neutral-500);font-size:var(--text-body);cursor:pointer;line-height:1;flex-shrink:0}.fxtray-fav-btn.is-fav,.fxtray-fav-btn:hover{color:var(--gold-400)}.fxtray-fav-filter-btn{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-pill);padding:3px 10px;font-size:var(--text-micro);cursor:pointer}.fxtray-fav-filter-btn.is-on{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash)}.fxtray-audition-btn{flex:1;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);font-size:var(--text-micro);cursor:pointer}.fxtray-audition-btn:hover{border-color:var(--gold-600)}.fxtray-audition-btn.is-on{border-color:var(--red-600);color:var(--red-400);background:var(--red-wash)}.fxtray-audition-btn--sm{flex:none;width:26px;height:22px;padding:0;display:flex;align-items:center;justify-content:center}.fxtray-apply-btn{flex:1;background:var(--gold-500);border:1px solid var(--gold-500);color:var(--neutral-950);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);font-size:var(--text-micro);font-weight:700;cursor:pointer}.fxtray-apply-btn:hover{background:var(--gold-400)}.fxtray-preset-row{height:100%;display:flex;align-items:center;gap:var(--space-2);background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);padding:var(--space-2);cursor:grab}.fxtray-preset-row:hover{border-color:var(--gold-600)}.fxtray-preset-row:active{cursor:grabbing}.fxtray-preset-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.fxtray-preset-row-name{font-size:var(--text-small);font-weight:600;color:var(--neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fxtray-preset-row-sub{font-size:9px;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.03em}.rackview-root{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.rackview-header{display:flex;align-items:center;justify-content:space-between}.rackview-header-title{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.rackview-header-track{font-size:var(--text-micro);color:var(--neutral-400)}.rackview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);overflow-y:auto;padding:var(--space-1);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard)}.rackview-grid.is-drop-target{background:var(--gold-wash);box-shadow:inset 0 0 0 1px var(--gold-500)}.rackview-empty{grid-column:1 / -1;color:var(--neutral-500);font-size:var(--text-small);padding:var(--space-6);text-align:center;border:1px dashed var(--neutral-600);border-radius:var(--radius-md)}.rackview-card{background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.rackview-card.is-drop-target{border-color:var(--gold-500);box-shadow:var(--shadow-gold-ring)}.rackview-card.is-focused{border-color:var(--gold-600)}.rackview-card.is-bypassed{opacity:.55}.rackview-card-head{display:flex;align-items:center;gap:var(--space-2)}.rackview-card-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--neutral-950);background:var(--gold-500);border-radius:var(--radius-xs);padding:2px 5px;flex-shrink:0}.rackview-card-name{flex:1;min-width:0;text-align:left;background:none;border:none;color:var(--neutral-100);font-size:var(--text-body);font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rackview-card-name:hover{color:var(--gold-300)}.rackview-card-remove{flex-shrink:0;background:none;border:none;color:var(--neutral-500);cursor:pointer;font-size:var(--text-h2);line-height:1}.rackview-card-remove:hover{color:var(--red-400)}.rackview-card-preset{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-xs);font-size:var(--text-micro);padding:3px 6px}.rackview-card-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2)}.rackview-card-wet{flex:1;display:flex;flex-direction:column;gap:2px;font-size:9px;color:var(--neutral-500)}.rackview-card-wet input[type=range]{width:100%;accent-color:var(--gold-500)}.rackview-card-actions{display:flex;gap:4px;flex-shrink:0}.rackview-btn{width:26px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-400);border-radius:var(--radius-xs);cursor:pointer}.rackview-btn:hover{color:var(--neutral-100)}.rackview-btn.is-on{border-color:var(--gold-600);color:var(--gold-400);background:var(--gold-wash)}.rackview-btn--bypass.is-on{border-color:var(--red-600);color:var(--red-400);background:var(--red-wash)}.rackview-focused-editor{border-top:1px solid var(--neutral-700);padding-top:var(--space-3);overflow-y:auto}track-btn or panels/panels.css's fxc-/masterfx-/takeed-/
* devedit-/vocaltools-). Consumes theme.css tokens only (GLOBAL-D-293 * gold/black/red) — does not touch App.css or theme.css itself. */ .trackpanel-header-toggle{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-400);border-radius:var(--radius-xs);cursor:pointer;padding:0}.trackpanel-header-toggle:hover{border-color:var(--gold-600);color:var(--gold-300)}.trackpanel-header-toggle.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash);box-shadow:var(--shadow-gold-ring)}.trackpanel-overlay{position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:300px;background:var(--neutral-900);border:1px solid var(--gold-700);border-radius:var(--radius-md);box-shadow:var(--shadow-md),var(--shadow-gold-ring);padding:var(--space-2) var(--space-3);cursor:default;display:flex;flex-direction:column;gap:var(--space-2)}.trackpanel-overlay.is-strip{width:220px;padding:var(--space-1) var(--space-2)}.trackpanel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.trackpanel-title{display:flex;align-items:center;gap:6px;min-width:0;font-size:var(--text-small);font-weight:700;color:var(--gold-300)}.trackpanel-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackpanel-title-count{flex-shrink:0;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--neutral-950);background:var(--gold-500);border-radius:var(--radius-pill);padding:1px 6px}.trackpanel-header-btns{display:flex;gap:2px;flex-shrink:0}.trackpanel-icon-btn{width:20px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--neutral-500);cursor:pointer;border-radius:var(--radius-xs)}.trackpanel-icon-btn:hover{color:var(--gold-300);background:var(--neutral-800)}.trackpanel-body{display:flex;flex-direction:column;gap:var(--space-3)}.trackpanel-overlay.is-strip .trackpanel-body{display:none}.trackpanel-cleaner{display:flex;flex-direction:column;gap:4px}.trackpanel-cleaner-hero{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:var(--gold-500);border:1px solid var(--gold-500);color:var(--neutral-950);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--text-small);font-weight:700;cursor:pointer}.trackpanel-cleaner-hero:hover{background:var(--gold-400)}.trackpanel-cleaner-hero.is-cleaning{background:var(--gold-wash-strong);color:var(--gold-300);cursor:progress}.trackpanel-cleaner-hero:disabled{opacity:.85}.trackpanel-cleaner-applied{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--success-wash);border:1px solid var(--success-500);color:var(--success-500);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-small);font-weight:700}.trackpanel-cleaner-undo{background:none;border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-xs);padding:2px 8px;font-size:var(--text-micro);font-weight:600;cursor:pointer}.trackpanel-cleaner-undo:hover{border-color:var(--red-600);color:var(--red-400)}.trackpanel-cleaner-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.trackpanel-cleaner:hover .trackpanel-cleaner-stages,.trackpanel-cleaner:focus-within .trackpanel-cleaner-stages{max-height:40px;opacity:1}.trackpanel-cleaner-stage-btn{display:flex;align-items:center;justify-content:center;gap:3px;background:var(--neutral-850);border:1px solid var(--neutral-700);color:var(--neutral-400);border-radius:var(--radius-xs);padding:3px 2px;font-size:9px;font-weight:600;cursor:pointer}.trackpanel-cleaner-stage-btn.is-on{border-color:var(--gold-600);color:var(--gold-300);background:var(--gold-wash)}.trackpanel-autopitch{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--neutral-700);padding-top:var(--space-2)}.trackpanel-autopitch-row{display:flex;align-items:center;gap:4px}.trackpanel-autopitch-select{flex:1;min-width:0;background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-100);border-radius:var(--radius-xs);padding:2px 4px;font-size:var(--text-micro)}.trackpanel-autopitch-toggle{width:30px;height:18px;flex-shrink:0;background:var(--neutral-800);border:1px solid var(--neutral-600);border-radius:var(--radius-pill);cursor:pointer;position:relative;padding:0}.trackpanel-autopitch-toggle-dot{position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--neutral-400);transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.trackpanel-autopitch-toggle.is-on{border-color:var(--gold-600);background:var(--gold-wash)}.trackpanel-autopitch-toggle.is-on .trackpanel-autopitch-toggle-dot{transform:translate(12px);background:var(--gold-500);box-shadow:0 0 6px var(--gold-ring)}.trackpanel-autopitch-speed{display:flex;flex-direction:column;gap:1px;font-size:9px;color:var(--neutral-500)}.trackpanel-autopitch-speed input[type=range]{width:100%;accent-color:var(--gold-500)}.trackpanel-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.trackpanel-quick-chip{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--neutral-850);border:1px solid var(--neutral-700);color:var(--neutral-300);border-radius:var(--radius-xs);padding:4px 2px;font-size:9px;cursor:pointer}.trackpanel-quick-chip:hover{border-color:var(--gold-600);color:var(--gold-300)}.trackpanel-quick-chip.is-active{border-color:var(--gold-500);color:var(--gold-300);background:var(--gold-wash);box-shadow:var(--shadow-gold-ring)}.trackpanel-meter-row{display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--neutral-700);padding-top:var(--space-2)}.trackpanel-meter{flex:1;height:6px;background:var(--neutral-800);border-radius:var(--radius-pill);overflow:hidden}.trackpanel-meter-fill{height:100%;background:var(--gold-500);border-radius:var(--radius-pill);transition:width var(--duration-fast) linear}.trackpanel-meter-fill.is-hot{background:var(--red-500)}.trackpanel-enhance-btn{flex-shrink:0;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-pill);padding:2px 10px;font-size:9px;font-weight:600;cursor:pointer}.trackpanel-enhance-btn.is-on{border-color:var(--gold-600);color:var(--gold-300);background:var(--gold-wash)}* track-btn or track-panel.css's trackpanel-*. Consumes theme.css tokens
* only (GLOBAL-D-293 gold/black/red); does not touch App.css or theme.css. */ .trackmenu-more-toggle{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-400);border-radius:var(--radius-xs);cursor:pointer;padding:0;font-size:11px;line-height:1;letter-spacing:1px}.trackmenu-more-toggle:hover,.trackmenu-more-toggle.is-active{border-color:var(--gold-600);color:var(--gold-300);background:var(--gold-wash)}.trackmenu-root{position:fixed;z-index:60;width:208px;background:var(--neutral-900);border:1px solid var(--gold-700);border-radius:var(--radius-md);box-shadow:var(--shadow-md),var(--shadow-gold-ring);padding:var(--space-1);display:flex;flex-direction:column;gap:1px;cursor:default}.trackmenu-item{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:var(--neutral-200);border-radius:var(--radius-xs);padding:6px var(--space-2);font-size:var(--text-small);font-weight:500;text-align:left;cursor:pointer}.trackmenu-item:hover:not(:disabled){background:var(--neutral-800);color:var(--gold-300)}.trackmenu-item:disabled{color:var(--neutral-500);cursor:not-allowed}.trackmenu-item--danger{color:var(--red-400)}.trackmenu-item--danger:hover:not(:disabled){background:var(--red-wash);color:var(--red-400)}.trackmenu-item--submenu{justify-content:space-between}.trackmenu-item--nested{padding-left:var(--space-4);justify-content:space-between}.trackmenu-item--nested.is-current{color:var(--gold-300)}.trackmenu-shortcut{margin-left:auto;flex-shrink:0;font-family:var(--font-mono);font-size:9px;color:var(--neutral-500)}.trackmenu-caret{flex-shrink:0;font-size:9px;color:var(--neutral-500)}.trackmenu-current{flex-shrink:0;font-size:9px;color:var(--gold-500);text-transform:uppercase;letter-spacing:.5px}.trackmenu-check{flex-shrink:0;width:12px;height:12px;border-radius:3px;border:1px solid var(--neutral-500);background:var(--neutral-850)}.trackmenu-check.is-on{border-color:var(--gold-500);background:var(--gold-500);box-shadow:var(--shadow-gold-ring)}.trackmenu-sep{height:1px;margin:3px 2px;background:var(--neutral-700)}.trackmenu-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px var(--space-2) 6px}.trackmenu-swatch{width:100%;aspect-ratio:1;border-radius:var(--radius-xs);border:1px solid var(--neutral-700);cursor:pointer;padding:0}.trackmenu-swatch:hover{border-color:var(--gold-500);box-shadow:var(--shadow-gold-ring)}.trackmenu-swatch--reset{display:flex;align-items:center;justify-content:center;background:var(--neutral-850);color:var(--neutral-400);font-size:11px}.trackmenu-submenu{display:flex;flex-direction:column;gap:1px;padding-bottom:2px}.trackmenu-name-input{min-width:0;flex:1;background:var(--neutral-850);border:1px solid var(--gold-600);color:var(--neutral-100);border-radius:var(--radius-xs);padding:1px 4px;font-size:var(--text-small);font-weight:600}.trackmenu-name-input:focus{outline:none;box-shadow:var(--shadow-gold-ring)}.track-header--removed{justify-content:space-between;background:var(--red-wash)}.trackmenu-removed-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-small);color:var(--neutral-300)}.trackmenu-removed-undo{flex-shrink:0;background:none;border:1px solid var(--gold-600);color:var(--gold-300);border-radius:var(--radius-xs);padding:3px 10px;font-size:var(--text-small);font-weight:700;cursor:pointer}.trackmenu-removed-undo:hover{background:var(--gold-wash)}.trackmenu-toast{position:absolute;top:4px;right:4px;z-index:25;max-width:176px;background:var(--neutral-850);border:1px solid var(--gold-600);color:var(--gold-300);border-radius:var(--radius-xs);padding:3px 8px;font-size:10px;line-height:1.3;box-shadow:var(--shadow-sm);pointer-events:none}.center-ruler-col{display:flex;flex-direction:column;gap:2px;padding-top:2px}.clip-block--selected{outline:2px solid var(--gold-500);outline-offset:1px;box-shadow:var(--shadow-gold-ring)}.clip-block--duplicate{border-style:dashed}.clip-trim-handle{position:absolute;top:0;bottom:0;width:8px;z-index:2;cursor:ew-resize;background:transparent}.clip-trim-handle--start{left:0}.clip-trim-handle--end{right:0}.clip-trim-handle:hover,.clip-trim-handle:active{background:var(--gold-wash-strong)}.clip-fade-in,.clip-fade-out{position:absolute;top:0;bottom:0;width:30%;max-width:22px;background:#08070a8c;pointer-events:none}.clip-fade-in{left:0;clip-path:polygon(0 0,100% 0,0 100%)}.clip-fade-out{right:0;clip-path:polygon(100% 0,100% 100%,0 0)}.clip-chips{position:absolute;bottom:2px;right:3px;display:flex;gap:2px;pointer-events:none}.clip-chip{font-family:var(--font-mono);font-size:8px;font-weight:700;line-height:1;padding:1px 3px;border-radius:var(--radius-xs);background:#08070a8c;color:var(--neutral-100)}.clip-chip--reversed{color:var(--gold-300)}.clip-chip--normalized{color:var(--success-500)}.clip-chip--gain-pos{color:var(--gold-300)}.clip-chip--gain-neg{color:var(--red-400)}.clipctx-menu{position:fixed;z-index:60;min-width:190px;background:var(--neutral-900);border:1px solid var(--gold-700);border-radius:var(--radius-md);box-shadow:var(--shadow-md),var(--shadow-gold-ring);padding:var(--space-1);display:flex;flex-direction:column;gap:1px}.clipctx-title{padding:4px var(--space-2) 6px;font-size:var(--text-micro);font-weight:700;color:var(--gold-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--neutral-700);margin-bottom:2px}.clipctx-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;background:none;border:none;color:var(--neutral-200);text-align:left;padding:5px var(--space-2);font-size:var(--text-small);border-radius:var(--radius-xs);cursor:pointer}.clipctx-item:hover{background:var(--neutral-800);color:var(--gold-300)}.clipctx-item.is-active{color:var(--gold-300)}.clipctx-item-hint{font-family:var(--font-mono);font-size:9px;color:var(--neutral-500)}.clipctx-item--danger{color:var(--red-400)}.clipctx-item--danger:hover{background:var(--red-wash);color:var(--red-400)}.clipctx-divider{height:1px;background:var(--neutral-700);margin:3px 2px}.clipctx-gain-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:5px var(--space-2);font-size:var(--text-small);color:var(--neutral-200)}.clipctx-gain-controls{display:flex;align-items:center;gap:4px}.clipctx-gain-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-xs);cursor:pointer;padding:0;font-size:12px;line-height:1}.clipctx-gain-btn:hover{border-color:var(--gold-600);color:var(--gold-300)}.clipctx-gain-value{font-family:var(--font-mono);font-size:var(--text-micro);min-width:44px;text-align:center}.cyclebar-root{display:flex;align-items:center;gap:var(--space-1);height:16px}.cyclebar-track{position:relative;flex:1;height:100%;background:var(--neutral-850);border-radius:var(--radius-xs);cursor:crosshair}.cyclebar-range{position:absolute;top:0;bottom:0;background:var(--gold-wash-strong);border:1px solid var(--gold-500);border-radius:var(--radius-xs)}.cyclebar-range-handle{position:absolute;top:0;bottom:0;width:3px;background:var(--gold-500)}.cyclebar-range-handle--start{left:0}.cyclebar-range-handle--end{right:0}.cyclebar-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.cyclebar-btn{width:18px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-400);border-radius:var(--radius-xs);cursor:pointer;padding:0}.cyclebar-btn:hover,.cyclebar-btn.is-active{border-color:var(--gold-600);color:var(--gold-300)}.cyclebar-btn--record.is-recording{border-color:var(--red-500);background:var(--red-wash);color:var(--red-400);animation:cyclebar-pulse 1s var(--ease-standard) infinite}.cyclebar-btn:disabled{opacity:.4;cursor:default}@keyframes cyclebar-pulse{0%,to{box-shadow:0 0 0 0 var(--red-ring)}50%{box-shadow:0 0 0 3px var(--red-ring)}}.compbadge-root{position:absolute;bottom:2px;left:3px;display:flex;align-items:center;gap:3px;z-index:1}.compbadge-main{display:flex;align-items:center;gap:2px;background:#08070a99;border:1px solid rgba(200,162,75,.5);color:var(--gold-300);border-radius:var(--radius-pill);padding:0 6px;font-size:9px;font-weight:700;line-height:15px;cursor:pointer}.compbadge-main:hover{background:var(--gold-wash-strong)}.compbadge-chevron{font-size:8px}.compbadge-best{width:15px;height:15px;display:flex;align-items:center;justify-content:center;background:#08070a99;border:1px solid rgba(200,162,75,.5);color:var(--gold-400);border-radius:50%;font-size:9px;line-height:1;padding:0;cursor:pointer}.compbadge-best:hover{color:var(--gold-300);border-color:var(--gold-500)}.compbadge-best.is-applied{color:var(--success-500);border-color:var(--success-500)}.automation-overlay-root{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;pointer-events:auto;background:#08070a59}.automation-overlay-header{flex-shrink:0;display:flex;align-items:center;gap:4px;height:18px;padding:1px 4px;background:#08070ad9;border-bottom:1px solid var(--gold-700);overflow:hidden}.automation-target-select,.automation-curve-select{font-family:var(--font-mono);font-size:9px;height:15px;background:var(--neutral-850);color:var(--gold-300);border:1px solid var(--neutral-600);border-radius:var(--radius-xs);padding:0 2px}.automation-device-inputs{display:flex;align-items:center;gap:2px}.automation-device-input,.automation-param-input{font-family:var(--font-mono);font-size:9px;height:15px;width:44px;background:var(--neutral-850);color:var(--neutral-200);border:1px solid var(--neutral-600);border-radius:var(--radius-xs);padding:0 2px}.automation-param-input{width:34px}.automation-target-readout{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:var(--neutral-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-overlay-canvas-row{flex:1;min-height:0;position:relative}.automation-lane-canvas{cursor:crosshair}.center-marquee-rect{position:fixed;display:none;z-index:50;border:1px solid var(--gold-500);background:var(--gold-wash);pointer-events:none}.center-snap-guide{position:fixed;display:none;width:0;border-left:1px dashed var(--gold-400);z-index:40;pointer-events:none}.clip-block--marquee-hit{outline:2px dashed var(--gold-400);outline-offset:1px}.center-viewport-toolbar-controls{display:flex;align-items:center;gap:var(--space-3)}.center-zoom-fit-btn{height:22px;padding:0 var(--space-2);display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-micro);font-weight:700}.center-zoom-fit-btn:hover{border-color:var(--gold-600);color:var(--gold-300)}.center-ruler-spacer{display:flex;align-items:center;justify-content:center}.center-add-track-btn{width:calc(100% - 12px);height:24px;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--neutral-800);border:1px dashed var(--gold-700);color:var(--gold-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-micro);font-weight:700;letter-spacing:.02em;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.center-add-track-btn:hover{background:var(--gold-wash);border-color:var(--gold-500);border-style:solid}.center-viewport-lanes{position:relative}.center-playhead{position:absolute;top:0;bottom:0;left:calc(var(--trackheader-width) + var(--playhead-x, 0px));width:0;border-left:2px solid var(--red-500);z-index:45;pointer-events:none;transition:left var(--duration-fast) var(--ease-standard)}.center-playhead--reduced-motion{transition:none}.center-ruler{position:relative;cursor:pointer}.center-ruler-hover-line{position:absolute;top:0;bottom:0;display:none;width:0;border-left:1px dashed var(--gold-400);pointer-events:none}.center-viewport{position:relative}.center-delete-undo{position:absolute;left:50%;bottom:var(--space-4);transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);background:var(--neutral-900);border:1px solid var(--gold-700);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-md);z-index:70;font-size:var(--text-small);color:var(--neutral-200)}.center-delete-undo-btn{background:none;border:1px solid var(--gold-600);color:var(--gold-300);border-radius:var(--radius-xs);padding:2px 8px;cursor:pointer;font-weight:700}.center-delete-undo-btn:hover{background:var(--gold-wash);color:var(--gold-400)}.mx-rack{display:flex;align-items:stretch;height:100%;overflow-x:auto;overflow-y:hidden;background:var(--neutral-900)}.mx-strips{display:flex;align-items:stretch;gap:1px;background:var(--neutral-800)}.mx-master-rail{display:flex;align-items:stretch;margin-left:var(--space-3);padding-left:var(--space-3);border-left:2px solid var(--gold-700)}.mx-strip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:92px;flex:0 0 auto;padding:var(--space-2) var(--space-1) var(--space-3);background:var(--neutral-850);border:1px solid transparent;border-radius:var(--radius-sm)}.mx-strip--vocal{background:linear-gradient(180deg,var(--gold-wash) 0%,var(--neutral-850) 22%)}.mx-strip--selected{border-color:var(--gold-500);box-shadow:var(--shadow-gold-ring)}.mx-strip--armed{box-shadow:0 0 0 1px var(--red-ring),var(--shadow-sm)}.mx-strip--master{width:104px;background:var(--neutral-800)}.mx-strip-color{width:100%;height:4px;border-radius:var(--radius-pill);flex:0 0 auto}.mx-strip-name{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;background:transparent;border:none;color:var(--neutral-100);cursor:pointer;padding:var(--space-1) 0}.mx-strip-name-text{font-size:var(--text-small);font-weight:600;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-strip-kind-glyph{font-size:var(--text-micro);color:var(--neutral-400);letter-spacing:.04em}.mx-strip-vocal-badge{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--neutral-950);background:var(--gold-500);border-radius:var(--radius-xs);padding:1px 5px}.mx-strip-badges{display:flex;flex-direction:column;gap:2px;width:100%;align-items:center}.mx-strip-badge{font-size:var(--text-micro);color:var(--neutral-300);background:var(--neutral-800);border-radius:var(--radius-xs);padding:1px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-strip-inserts{display:flex;flex-direction:column;gap:3px;width:100%}.mx-insert-slot{font-size:var(--text-micro);color:var(--neutral-300);background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-xs);padding:2px 4px;cursor:pointer;width:100%;text-align:center}.mx-insert-slot:hover{border-color:var(--gold-600);color:var(--neutral-100)}.mx-insert-slot.is-active{background:var(--gold-wash);border-color:var(--gold-600);color:var(--gold-300)}.mx-insert-slot--empty{color:var(--neutral-400);border-style:dashed}.mx-strip-sends{display:flex;gap:var(--space-2);padding:var(--space-1) 0}.mx-strip-fader-row{display:flex;align-items:flex-end;gap:var(--space-2);flex:1 1 auto}.mx-strip-buttons{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:100%}.mx-btn--mute,.mx-btn--solo{margin-top:3px}.mx-btn{font-size:var(--text-micro);font-weight:700;color:var(--neutral-300);background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-xs);padding:3px 0;cursor:pointer}.mx-btn:disabled{opacity:.45;cursor:default}.mx-btn--arm.is-active{background:var(--red-600);border-color:var(--red-500);color:var(--neutral-100)}.mx-btn--monitor.is-active{background:var(--gold-wash-strong);border-color:var(--gold-500);color:var(--gold-300)}.mx-btn--mute.is-active{background:var(--red-700);border-color:var(--red-500);color:var(--neutral-100)}.mx-btn--solo.is-active{background:var(--gold-500);border-color:var(--gold-400);color:var(--neutral-950)}.knob{display:flex;flex-direction:column;align-items:center;gap:2px}.knob-dial{position:relative;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--neutral-600),var(--neutral-800) 70%);border:1px solid var(--neutral-600);cursor:ns-resize;touch-action:none}.knob-dial:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.knob-indicator{position:absolute;top:2px;left:50%;width:2px;height:40%;background:var(--gold-400);transform-origin:bottom center;margin-left:-1px;border-radius:var(--radius-pill)}.knob-label{font-size:9px;color:var(--neutral-400)}.knob-value{font-size:9px;color:var(--neutral-300);font-variant-numeric:tabular-nums}.fader{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.fader-track{position:relative;width:18px;flex:1 1 auto;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-xs);cursor:ns-resize;touch-action:none}.fader-track:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.fader-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--gold-500),var(--gold-700));border-radius:0 0 var(--radius-xs) var(--radius-xs)}.fader-unity-mark{position:absolute;left:-3px;right:-3px;height:1px;background:var(--neutral-300);opacity:.6}.fader-cap{position:absolute;left:-4px;right:-4px;height:6px;margin-bottom:-3px;background:var(--neutral-100);border-radius:var(--radius-xs);box-shadow:var(--shadow-sm)}.fader-value{font-size:9px;color:var(--neutral-300);font-variant-numeric:tabular-nums;white-space:nowrap}.meter{display:flex;align-items:stretch;gap:3px}.meter-scale{position:relative;width:16px}.meter-tick{position:absolute;left:0;transform:translateY(50%);font-size:8px;color:var(--neutral-500)}.meter-bar{position:relative;width:8px;background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-xs);overflow:hidden}.meter-bar--over{border-color:var(--red-500)}.meter-fill-rms{position:absolute;bottom:0;left:0;right:0;background:var(--success-500);opacity:.55}.meter-fill-peak{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--red-500) 0%,var(--gold-500) 35%,var(--success-500) 70%);opacity:.9}.meter-peak-hold{position:absolute;left:0;right:0;height:2px;background:var(--neutral-100)}.pianoroll{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--neutral-950)}.pianoroll-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--neutral-900);border-bottom:1px solid var(--neutral-700);flex-shrink:0}.pianoroll-toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.pianoroll-toolbar-divider{width:1px;height:18px;background:var(--neutral-700)}.pianoroll-tool-btn{width:26px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-body);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.pianoroll-tool-btn:hover{background:var(--neutral-700)}.pianoroll-tool-btn.is-active{background:var(--gold-wash-strong);border-color:var(--gold-500);color:var(--gold-300);box-shadow:var(--shadow-gold-ring)}.pianoroll-select{background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-100);border-radius:var(--radius-xs);padding:2px 6px;font-size:var(--text-small)}.pianoroll-select:disabled{opacity:.4}.pianoroll-select--wide{max-width:160px}.pianoroll-checkbox-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-small);color:var(--neutral-300);cursor:pointer;white-space:nowrap}.pianoroll-checkbox-label input[type=checkbox]{accent-color:var(--gold-500);cursor:pointer}.pianoroll-btn{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-small);cursor:pointer}.pianoroll-btn:hover{border-color:var(--gold-500);color:var(--gold-300)}.pianoroll-selection-count{margin-left:auto;color:var(--gold-400);font-size:var(--text-micro);white-space:nowrap}.pianoroll-body{display:flex;flex:1;min-height:0;overflow:hidden}.pianoroll-keys{width:64px;flex-shrink:0;position:relative;overflow:hidden;background:var(--neutral-900);border-right:1px solid var(--neutral-700)}.pianoroll-keys-inner{position:relative;width:100%}.pianoroll-key-row{position:absolute;left:0;right:0;display:flex;align-items:center;padding-left:var(--space-2);border:none;border-bottom:1px solid rgba(0,0,0,.35);cursor:pointer;font-family:var(--font-mono);font-size:9px;letter-spacing:.02em;text-align:left}.pianoroll-key-row--white{background:var(--neutral-800);color:var(--neutral-400)}.pianoroll-key-row--black{background:var(--neutral-950);color:var(--neutral-500)}.pianoroll-key-row--drum{background:var(--neutral-850);color:var(--neutral-300);border-bottom-color:var(--neutral-700)}.pianoroll-key-row.is-in-scale{box-shadow:inset 3px 0 0 var(--gold-600)}.pianoroll-key-row:hover{filter:brightness(1.3)}.pianoroll-key-label{pointer-events:none}.pianoroll-canvas-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.pianoroll-canvas{display:block;width:100%;height:100%;cursor:crosshair;outline:none;touch-action:none}.pianoroll-velocity-row{display:flex;flex-shrink:0;height:72px;border-top:1px solid var(--neutral-700)}.pianoroll-velocity-spacer{width:64px;flex-shrink:0;background:var(--neutral-900);border-right:1px solid var(--neutral-700)}.pianoroll-velocity{flex:1;min-width:0;position:relative}.pianoroll-velocity-canvas{display:block;width:100%;height:100%;cursor:ns-resize}.historypanel{display:flex;flex-direction:column;gap:var(--space-2);height:100%;min-height:0}.historypanel-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.historypanel-title{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.historypanel-count{font-size:var(--text-micro);color:var(--neutral-400);font-family:var(--font-mono)}.historypanel-list-wrap{flex:1;min-height:0}.historypanel-empty{padding:var(--space-4);font-size:var(--text-small);color:var(--neutral-400);line-height:1.5}.historypanel-list{width:100%;overflow-y:auto;overflow-x:hidden}.historypanel-row{display:flex;align-items:center;gap:var(--space-2);width:100%;height:100%;padding:0 var(--space-3);background:transparent;border:none;border-bottom:1px solid var(--neutral-800);color:var(--neutral-200);font-size:var(--text-small);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.historypanel-row:hover:not(:disabled){background:var(--neutral-800)}.historypanel-row:disabled{cursor:default;opacity:.45}.historypanel-row.is-current{background:var(--gold-wash);color:var(--gold-300)}.historypanel-row.is-future{color:var(--neutral-400)}.historypanel-row-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neutral-400)}.historypanel-row.is-current .historypanel-row-icon{color:var(--gold-400)}.historypanel-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historypanel-row-time{flex-shrink:0;font-size:var(--text-micro);color:var(--neutral-500);font-family:var(--font-mono)}.historypanel-row-marker{flex-shrink:0;color:var(--gold-500);font-size:8px;line-height:1}.historypanel-hint{flex-shrink:0;padding:var(--space-2) var(--space-1) 0;font-size:var(--text-micro);color:var(--neutral-500);line-height:1.4}.versionspanel{display:flex;flex-direction:column;gap:var(--space-2);height:100%;min-height:0}.versionspanel-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--space-2)}.versionspanel-title{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.versionspanel-header-actions{display:flex;align-items:center;gap:var(--space-3)}.versionspanel-count{font-size:var(--text-micro);color:var(--neutral-400);font-family:var(--font-mono)}.versionspanel-save-btn{background:var(--gold-wash);border:1px solid var(--gold-600);color:var(--gold-300);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--text-micro);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.versionspanel-save-btn:hover{background:var(--gold-wash-strong)}.versionspanel-error{flex-shrink:0;background:var(--red-wash);border:1px solid var(--red-600);color:var(--red-400);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-small)}.versionspanel-list-wrap{flex:1;min-height:0}.versionspanel-empty{padding:var(--space-4);font-size:var(--text-small);color:var(--neutral-400);line-height:1.5}.versionspanel-list{width:100%;overflow-y:auto;overflow-x:hidden}.versionrow{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;height:100%;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--neutral-800);box-sizing:border-box}.versionrow.is-latest{background:var(--gold-wash)}.versionrow-icon{flex-shrink:0;margin-top:2px;color:var(--neutral-400);display:inline-flex}.versionrow.is-latest .versionrow-icon{color:var(--gold-400)}.versionrow-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.versionrow-line1{display:flex;align-items:center;gap:var(--space-2);min-width:0}.versionrow-label{font-size:var(--text-small);font-weight:600;color:var(--neutral-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.versionrow-badge{flex-shrink:0;background:var(--gold-500);color:var(--neutral-950);border-radius:var(--radius-pill);padding:1px 7px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.versionrow-line2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-micro);color:var(--neutral-500)}.versionrow-time{font-family:var(--font-mono)}.versionrow-author:before{content:"·";margin-right:var(--space-2);color:var(--neutral-600)}.versionrow-diff{font-size:var(--text-micro);color:var(--neutral-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versionrow-actions{flex-shrink:0;display:flex;align-items:center;gap:6px}.versionrow-action-btn{display:inline-flex;align-items:center;gap:4px;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-micro);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.versionrow-action-btn:hover:not(:disabled){border-color:var(--gold-600);color:var(--gold-300)}.versionrow-action-btn:disabled{cursor:default;opacity:.4}.versionrow-action-btn--ghost{background:transparent;border-color:transparent;color:var(--neutral-400)}.versionrow-action-btn--ghost:hover:not(:disabled){background:var(--neutral-800)}.collab-rail{display:flex;flex-direction:column;width:var(--collabrail-width, 260px);height:100%;background:var(--neutral-900);border-left:1px solid var(--neutral-700);color:var(--neutral-100);font-size:var(--text-body);overflow:hidden}.collab-rail-collapsed{width:40px;align-items:center;padding-top:var(--space-2)}.collab-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--neutral-700);flex-shrink:0}.collab-header-title{font-size:var(--text-h2);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:.04em}.collab-collapse-toggle{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-sm);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-small);transition:background var(--duration-fast) var(--ease-standard)}.collab-collapse-toggle:hover{background:var(--gold-wash);border-color:var(--gold-600);color:var(--gold-300)}.collab-section{padding:var(--space-3);border-bottom:1px solid var(--neutral-750);flex-shrink:0}.collab-section-grow{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.collab-section-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-small);font-weight:600;color:var(--neutral-300);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.collab-count{background:var(--gold-wash);color:var(--gold-400);border-radius:var(--radius-pill);padding:1px 7px;font-size:var(--text-micro);margin-left:var(--space-1)}.collab-empty{color:var(--neutral-400);font-size:var(--text-small);padding:var(--space-2) 0}.collab-presence-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.collab-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:700;color:var(--neutral-950);box-shadow:0 0 0 2px var(--neutral-900);cursor:default}.collab-avatar-self{box-shadow:0 0 0 2px var(--neutral-900),0 0 0 3px var(--gold-ring)}.collab-toggle-resolved{background:transparent;border:none;color:var(--gold-400);font-size:var(--text-micro);cursor:pointer;text-transform:none;letter-spacing:normal;font-weight:500}.collab-toggle-resolved:hover{color:var(--gold-300);text-decoration:underline}.collab-comments-list{flex:1 1 auto;min-height:80px;overflow-y:auto;margin-bottom:var(--space-2)}.collab-comment-row{padding:var(--space-2);margin-bottom:var(--space-1);background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);min-height:calc(64px - var(--space-1));box-sizing:border-box}.collab-comment-row.is-resolved{opacity:.55}.collab-comment-meta{display:flex;gap:var(--space-2);font-size:var(--text-micro);color:var(--neutral-400);margin-bottom:2px}.collab-comment-author{color:var(--gold-400);font-weight:600}.collab-comment-target{text-transform:uppercase;letter-spacing:.03em}.collab-comment-body{font-size:var(--text-small);color:var(--neutral-100);overflow-wrap:anywhere}.collab-comment-resolve{margin-top:4px;background:transparent;border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-sm);font-size:var(--text-micro);padding:2px 8px;cursor:pointer}.collab-comment-resolve:hover{border-color:var(--gold-600);color:var(--gold-300)}.collab-comment-composer{display:flex;gap:var(--space-2);flex-shrink:0}.collab-comment-input{flex:1 1 auto;background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-100);border-radius:var(--radius-sm);padding:6px 8px;font-size:var(--text-small);min-width:0}.collab-comment-input:focus{outline:none;border-color:var(--gold-600);box-shadow:0 0 0 1px var(--gold-ring)}.collab-comment-submit{background:var(--gold-wash);border:1px solid var(--gold-600);color:var(--gold-300);border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--text-small);cursor:pointer;flex-shrink:0}.collab-comment-submit:disabled{opacity:.4;cursor:not-allowed}.collab-comment-submit:not(:disabled):hover{background:var(--gold-wash-strong)}.collab-revisions-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:220px;overflow-y:auto}.collab-revision-row{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-2);background:var(--neutral-850);border:1px solid var(--neutral-750);border-radius:var(--radius-sm);gap:var(--space-2)}.collab-revision-meta{display:flex;flex-direction:column;min-width:0}.collab-revision-label{font-size:var(--text-small);color:var(--neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collab-revision-ts{font-size:var(--text-micro);color:var(--neutral-400)}.collab-revision-actions{display:flex;gap:4px;flex-shrink:0}.collab-revision-btn{background:transparent;border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-sm);font-size:var(--text-micro);padding:3px 8px;cursor:pointer}.collab-revision-btn:not(:disabled):hover{border-color:var(--gold-600);color:var(--gold-300);background:var(--gold-wash)}.collab-revision-btn:disabled{opacity:.35;cursor:not-allowed}track-btn,panels/panels.css's fxc-/masterfx-/takeed-/
* devedit-/vocaltools-,or track-panel/track-panel.css's trackpanel-*).
* Consumes theme.css tokens only (GLOBAL-D-293 gold/black/red) — does not * touch App.css or theme.css itself. Self-contained modal (backdrop + * centered panel),unlike track-panel.css's anchored-overlay pattern —
* this dialog isn"t tied to a single track row"s position. */ .stemsplit-backdrop{position:fixed;inset:0;z-index:100;background:#0000008c;display:flex;align-items:center;justify-content:center}.stemsplit-dialog{width:420px;max-width:calc(100vw - var(--space-6));max-height:calc(100vh - var(--space-6));overflow-y:auto;background:var(--neutral-900);border:1px solid var(--gold-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--shadow-gold-ring);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.stemsplit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.stemsplit-title{font-size:var(--text-h1);font-weight:600;color:var(--neutral-100)}.stemsplit-subtitle{font-size:var(--text-small);color:var(--neutral-400);margin-top:2px}.stemsplit-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-xs);cursor:pointer;font-size:16px;line-height:1;padding:0}.stemsplit-close:hover:not(:disabled){border-color:var(--gold-600);color:var(--gold-300)}.stemsplit-close:disabled{opacity:.5;cursor:default}.stemsplit-section{display:flex;flex-direction:column;gap:var(--space-2)}.stemsplit-section-title{font-size:var(--text-small);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:.04em}.stemsplit-kind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.stemsplit-kind-chip{padding:var(--space-2) var(--space-1);background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-sm);font-size:var(--text-small);cursor:pointer;text-align:center}.stemsplit-kind-chip:hover:not(:disabled){border-color:var(--gold-600);color:var(--gold-300)}.stemsplit-kind-chip.is-active{background:var(--gold-wash);border-color:var(--gold-500);color:var(--gold-300);box-shadow:var(--shadow-gold-ring)}.stemsplit-kind-chip:disabled{opacity:.5;cursor:default}.stemsplit-backend-row{display:flex;gap:var(--space-2)}.stemsplit-backend-chip{flex:1;padding:var(--space-2) var(--space-3);background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300);border-radius:var(--radius-sm);font-size:var(--text-body);cursor:pointer;text-align:center}.stemsplit-backend-chip:hover:not(:disabled){border-color:var(--gold-600);color:var(--gold-300)}.stemsplit-backend-chip.is-active{background:var(--gold-wash);border-color:var(--gold-500);color:var(--gold-300);box-shadow:var(--shadow-gold-ring)}.stemsplit-backend-chip:disabled{opacity:.5;cursor:default}.stemsplit-backend-hint{font-size:var(--text-small);color:var(--neutral-400);line-height:1.4}.stemsplit-progress{display:flex;flex-direction:column;gap:var(--space-1)}.stemsplit-progress-track{height:6px;background:var(--neutral-800);border-radius:var(--radius-pill);overflow:hidden}.stemsplit-progress-fill{height:100%;background:var(--gold-500);transition:width var(--duration-base) var(--ease-standard)}.stemsplit-progress-label{font-size:var(--text-small);color:var(--neutral-400)}.stemsplit-error{padding:var(--space-2) var(--space-3);background:var(--red-wash);border:1px solid var(--red-600);color:var(--red-400);border-radius:var(--radius-sm);font-size:var(--text-small)}.stemsplit-done{padding:var(--space-2) var(--space-3);background:var(--success-wash);border:1px solid var(--success-500);color:var(--success-500);border-radius:var(--radius-sm);font-size:var(--text-small)}.stemsplit-footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.stemsplit-btn-secondary,.stemsplit-btn-primary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-body);cursor:pointer}.stemsplit-btn-secondary{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-300)}.stemsplit-btn-secondary:hover:not(:disabled){border-color:var(--gold-600);color:var(--gold-300)}.stemsplit-btn-primary{background:var(--gold-500);border:1px solid var(--gold-500);color:var(--neutral-950);font-weight:600}.stemsplit-btn-primary:hover:not(:disabled){background:var(--gold-400);border-color:var(--gold-400)}.stemsplit-btn-secondary:disabled,.stemsplit-btn-primary:disabled{opacity:.5;cursor:default}:root{--font-sans: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--neutral-950: #08070a;--neutral-900: #0c0b0f;--neutral-850: #111015;--neutral-800: #17151b;--neutral-750: #1c1a21;--neutral-700: #242129;--neutral-600: #2d2a33;--neutral-500: #48444e;--neutral-400: #706b78;--neutral-300: #9b96a0;--neutral-200: #c6c2c9;--neutral-100: #ece9ee;--gold-900: #2b2210;--gold-800: #453516;--gold-700: #7a5e21;--gold-600: #a3812f;--gold-500: #c8a24b;--gold-400: #d6b56c;--gold-300: #e4cc93;--gold-wash: rgba(200, 162, 75, .1);--gold-wash-strong: rgba(200, 162, 75, .2);--gold-ring: rgba(200, 162, 75, .4);--red-800: #430b16;--red-700: #6d0e1f;--red-600: #8f1027;--red-500: #b3142f;--red-400: #d94a5f;--red-wash: rgba(179, 20, 47, .14);--red-ring: rgba(179, 20, 47, .4);--success-500: #2f9e63;--success-wash: rgba(47, 158, 99, .12);--track-vocal: var(--gold-500);--track-audio: #6d9bd6;--track-sampler: #8f7bd6;--track-drum: #d6836d;--track-synth: #6dd6b8;--track-aux: var(--neutral-300);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-gold-ring: 0 0 0 1px var(--gold-ring), 0 6px 18px var(--gold-wash);--shadow-red-ring: 0 0 0 1px var(--red-ring), 0 6px 18px var(--red-wash);--text-h1: 1.05rem;--text-h2: .9rem;--text-body: .8125rem;--text-small: .75rem;--text-micro: .6875rem;--ease-standard: cubic-bezier(.2, .7, .3, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--duration-instant: 60ms;--duration-fast: .1s;--duration-base: .16s;--duration-slow: .24s;--touch-target: 44px;--topbar-height: 52px;--leftrail-width: 56px;--leftrail-panel-width: 220px;--rightinspector-width: 280px;--bottomdock-height: 260px;--trackheader-width: 216px;--track-row-height: 72px;--track-row-height-collapsed: 32px}[data-theme=light]{--neutral-950: #f6f4ef;--neutral-900: #efece4;--neutral-850: #e6e1d6;--neutral-800: #dbd5c6;--neutral-750: #cfc7b5;--neutral-700: #beb49d;--neutral-600: #a89c81;--neutral-500: #8a7d63;--neutral-400: #695e49;--neutral-300: #4a4131;--neutral-200: #2e281d;--neutral-100: #17140e;--gold-900: #fbf1d9;--gold-800: #f0dcac;--gold-700: #dcb946;--gold-600: #b98d33;--gold-500: #8a691f;--gold-400: #6d5119;--gold-300: #523d13;--gold-wash: rgba(138, 105, 31, .1);--gold-wash-strong: rgba(138, 105, 31, .2);--gold-ring: rgba(138, 105, 31, .4);--red-800: #fbdfe2;--red-700: #eeacb5;--red-600: #c94b62;--red-500: #8f0e26;--red-400: #6b0a1d;--red-wash: rgba(143, 14, 38, .1);--red-ring: rgba(143, 14, 38, .4);--success-500: #1c7042;--success-wash: rgba(28, 112, 66, .12);--shadow-sm: 0 2px 6px rgba(30, 24, 12, .1);--shadow-md: 0 8px 24px rgba(30, 24, 12, .14)}[data-theme=high-contrast]{--neutral-950: #000000;--neutral-900: #050505;--neutral-850: #0a0a0a;--neutral-800: #121212;--neutral-750: #181818;--neutral-700: #2a2a2a;--neutral-600: #3d3d3d;--neutral-500: #6e6e6e;--neutral-400: #a0a0a0;--neutral-300: #d0d0d0;--neutral-200: #ececec;--neutral-100: #ffffff;--gold-900: #3a2e00;--gold-800: #5c4a00;--gold-700: #8f7300;--gold-600: #c49e00;--gold-500: #ffd23f;--gold-400: #ffdd66;--gold-300: #ffe693;--gold-wash: rgba(255, 210, 63, .18);--gold-wash-strong: rgba(255, 210, 63, .32);--gold-ring: rgba(255, 210, 63, .65);--red-800: #2b0006;--red-700: #52000c;--red-600: #85001a;--red-500: #ff2244;--red-400: #ff5e78;--red-wash: rgba(255, 34, 68, .2);--red-ring: rgba(255, 34, 68, .65);--success-500: #2ee87a;--success-wash: rgba(46, 232, 122, .18);--shadow-sm: 0 0 0 1px var(--neutral-600);--shadow-md: 0 0 0 1px var(--neutral-500)}[data-density=compact]{--track-row-height: 64px}[data-density=large]{--track-row-height: 96px}[data-density=touch]{--track-row-height: 88px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--neutral-950);color:var(--neutral-100);font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:var(--neutral-500) var(--neutral-850)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--neutral-850)}*::-webkit-scrollbar-thumb{background:var(--neutral-500);border-radius:var(--radius-pill)}.center-viewport-lanes,.center-region{touch-action:none}html,body,#root,.app-shell{max-width:100vw;overflow-x:hidden}.app-body>.center-viewport{min-width:0}:root{--topbar-height: calc(52px + env(safe-area-inset-top, 0px)) }.topbar{padding-top:env(safe-area-inset-top,0px);padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px))}@media(pointer:coarse){:root{--trackheader-width: 264px}:root{--track-row-height: 88px}.topbar-icon-btn,.topbar-transport-btn{width:var(--touch-target);height:var(--touch-target)}.topbar-master-btn,.topbar-share-btn,.leftrail-tab,.leftrail-collapse-btn,.bottomdock-tab,.bottomdock-collapse-btn,.track-header-collapse,.leftrail-panel-item{min-height:var(--touch-target)}.track-header-controls{grid-template-columns:repeat(4,var(--touch-target));gap:var(--space-1)}.track-btn{width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);font-size:var(--text-micro)}.track-btn--takecomp{grid-column:span 2;width:auto}.track-header-icon{width:var(--touch-target)}}@media(max-width:1024px){:root{--leftrail-panel-width: 180px;--rightinspector-width: 230px;--bottomdock-height: 210px}.collab-rail{--collabrail-width: 200px}}@media(max-width:768px){.leftrail-panel{display:none}:root{--rightinspector-width: 200px;--bottomdock-height: 190px}.rightinspector-header,.rightinspector-body{padding:var(--space-2)}.collab-rail{display:none}}@media(max-width:480px){.topbar{flex-wrap:nowrap;gap:var(--space-2);padding-left:max(var(--space-2),env(safe-area-inset-left,0px));padding-right:max(var(--space-2),env(safe-area-inset-right,0px))}.topbar-section--musical,.topbar-section--grid{display:none}.topbar-project-name{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-section--meta{flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar-section--meta::-webkit-scrollbar{display:none}.topbar-section--transport{position:fixed;left:0;right:0;bottom:0;z-index:500;justify-content:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--neutral-900);border-top:1px solid var(--neutral-700);box-shadow:0 -8px 24px #00000073}.app-body{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"center" "rightinspector" "bottomdock";overflow-y:auto}.leftrail{position:fixed;left:0;right:0;bottom:calc(52px + env(safe-area-inset-bottom,0px));height:auto;z-index:480;border-right:none;border-top:1px solid var(--neutral-700);box-shadow:0 -4px 16px #00000059}.leftrail-tabs{flex-direction:row;width:100%;justify-content:space-around;padding:var(--space-1) env(safe-area-inset-left,0px) var(--space-1) 0}.leftrail-tab{flex:1 1 auto;min-height:var(--touch-target);flex-direction:column}.leftrail-collapse-btn{margin-top:0;padding:var(--space-2) var(--space-3)}.leftrail-panel{display:block;position:fixed;left:0;right:0;top:var(--topbar-height);bottom:calc(108px + env(safe-area-inset-bottom,0px));width:100%;max-height:none;z-index:470;border-left:none;box-shadow:0 -8px 24px #00000080;animation:daw-pop-in var(--duration-base) var(--ease-emphasized)}.app-body>.rightinspector{width:100%;height:auto;max-height:46vh;border-left:none;border-top:1px solid var(--neutral-700);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -8px 24px #00000059}.app-body>.bottomdock{width:100%;position:sticky;bottom:calc(52px + env(safe-area-inset-bottom,0px));max-height:56vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -12px 32px #00000080}.bottomdock--closed{max-height:48px}.bottomdock-tabs{flex-wrap:wrap}.bottomdock-tab{min-height:var(--touch-target)}.center-viewport{min-height:40vh}.devpanel-root{right:var(--space-2);bottom:calc(52px + 56px + env(safe-area-inset-bottom,0px) + var(--space-2));width:calc(100vw - var(--space-4));max-width:320px}.stemdrop-toast{bottom:calc(52px + 56px + env(safe-area-inset-bottom,0px) + var(--space-2));max-width:calc(100vw - var(--space-4))}}.app-shell{display:grid;grid-template-rows:var(--topbar-height) 1fr;height:100vh;overflow:hidden;background:var(--neutral-950)}.app-body{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;grid-template-areas:"leftrail center rightinspector" "bottomdock bottomdock bottomdock";min-height:0}.app-body>.leftrail{grid-area:leftrail}.app-body>.center-viewport{grid-area:center;min-width:0}.app-body>.rightinspector{grid-area:rightinspector}.app-body>.bottomdock{grid-area:bottomdock}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:var(--topbar-height);padding:0 var(--space-4);background:var(--neutral-900);border-bottom:1px solid var(--neutral-700)}.topbar-section{display:flex;align-items:center;gap:var(--space-3)}.topbar-divider{width:1px;align-self:stretch;margin:var(--space-2) 0;background:var(--neutral-700);flex-shrink:0}.topbar-project-name{font-weight:600;font-size:var(--text-h2);color:var(--neutral-100)}.topbar-save-state{color:var(--neutral-400);font-size:var(--text-small)}.topbar-save-state.is-dirty{color:var(--gold-500)}.topbar-icon-btn,.topbar-master-btn,.topbar-share-btn,.topbar-transport-btn{background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.topbar-icon-btn:hover,.topbar-master-btn:hover,.topbar-share-btn:hover,.topbar-transport-btn:hover{background:var(--neutral-700)}.topbar-icon-btn:active,.topbar-master-btn:active,.topbar-share-btn:active,.topbar-transport-btn:active,.track-btn:active,.leftrail-tab:active,.leftrail-collapse-btn:active,.bottomdock-tab:active,.bottomdock-collapse-btn:active,.track-header-collapse:active,.mastering-preset-card:active{transform:scale(.94);opacity:.85}.topbar-icon-btn,.topbar-master-btn,.topbar-share-btn,.topbar-transport-btn,.track-btn,.leftrail-tab,.leftrail-collapse-btn,.bottomdock-tab,.bottomdock-collapse-btn,.track-header-collapse,.mastering-preset-card{transition:transform var(--duration-instant) var(--ease-standard),opacity var(--duration-instant) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}@keyframes daw-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.daw-pop-in{animation:daw-pop-in var(--duration-base) var(--ease-emphasized)}.topbar-icon-btn{width:28px;height:28px;font-size:var(--text-body)}.topbar-field{display:flex;flex-direction:column;gap:2px;font-size:var(--text-micro);color:var(--neutral-400)}.topbar-field-input{width:48px;background:var(--neutral-850);border:1px solid var(--neutral-600);border-radius:var(--radius-xs);color:var(--neutral-100);padding:2px 6px;font-size:var(--text-small)}.topbar-field-input--wide{width:64px}.topbar-transport-btn{width:32px;height:32px;font-size:var(--text-body);border-radius:var(--radius-pill)}.topbar-transport-btn.is-active{background:var(--gold-wash-strong);border-color:var(--gold-500);color:var(--gold-400);box-shadow:var(--shadow-gold-ring)}.topbar-transport-btn--record.is-active{background:var(--red-wash);border-color:var(--red-500);color:var(--red-400);box-shadow:var(--shadow-red-ring)}.topbar-cpu{font-family:var(--font-mono);font-size:var(--text-small);color:var(--neutral-300)}.topbar-master-btn{padding:var(--space-1) var(--space-3);font-weight:600;color:var(--gold-400);border-color:var(--gold-700)}.topbar-share-btn{padding:var(--space-1) var(--space-3)}.leftrail{display:flex;height:100%;background:var(--neutral-900);border-right:1px solid var(--neutral-700)}.leftrail-tabs{display:flex;flex-direction:column;width:var(--leftrail-width);padding:var(--space-2) 0;gap:2px}.leftrail-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-1);background:transparent;border:none;border-left:2px solid transparent;color:var(--neutral-400);cursor:pointer}.leftrail-tab:hover{color:var(--neutral-200)}.leftrail-tab.is-active{color:var(--gold-400);border-left-color:var(--gold-500);background:var(--gold-wash)}.leftrail-tab-glyph{font-size:1.1rem}.leftrail-tab-label{font-size:9px;line-height:1.1;text-align:center}.leftrail-collapse-btn{margin-top:auto;background:transparent;border:none;color:var(--neutral-500);cursor:pointer;padding:var(--space-2) 0}.leftrail-panel{width:var(--leftrail-panel-width);border-left:1px solid var(--neutral-700);padding:var(--space-3);overflow-y:auto}.leftrail-panel-title{font-size:var(--text-small);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.leftrail-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.leftrail-panel-item{padding:var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-small);color:var(--neutral-200);cursor:pointer}.leftrail-panel-item:hover{background:var(--neutral-800)}.center-viewport{display:flex;flex-direction:column;min-height:0;background:var(--neutral-950)}.center-viewport-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--neutral-800);font-size:var(--text-small);color:var(--neutral-300)}.center-viewport-zoom{display:flex;align-items:center;gap:var(--space-2)}.center-viewport-scroll{flex:1;overflow:auto;min-height:0}.center-viewport-lanes{display:flex;flex-direction:column}.center-ruler-row{display:flex;position:sticky;top:0;z-index:2;background:var(--neutral-900);border-bottom:1px solid var(--neutral-700)}.center-ruler-spacer{width:var(--trackheader-width);flex-shrink:0;border-right:1px solid var(--neutral-700)}.center-ruler{display:flex}.center-ruler-bar{border-right:1px solid var(--neutral-800);padding:var(--space-1) 0 0 var(--space-1)}.center-ruler-bar-number{font-size:var(--text-micro);color:var(--neutral-400);font-family:var(--font-mono)}.center-ruler-beats{display:flex}.center-ruler-tick{border-left:1px solid var(--neutral-800);height:6px}.center-track-row{display:flex;border-bottom:1px solid var(--neutral-800)}.center-lane{position:relative;flex-shrink:0;height:var(--track-row-height);background:var(--neutral-900);background-image:linear-gradient(to right,var(--neutral-800) 1px,transparent 1px);background-size:24px 100%}.center-lane--collapsed{height:var(--track-row-height-collapsed)}.center-region{position:absolute;top:6px;bottom:6px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.4);padding:var(--space-1) var(--space-2);overflow:hidden;cursor:pointer;color:var(--neutral-950);font-size:var(--text-micro);font-weight:600;box-shadow:var(--shadow-sm);transition:left var(--duration-fast) var(--ease-standard),width var(--duration-fast) var(--ease-standard)}.center-region-label{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.center-region-take-badge{display:block;font-size:9px;opacity:.75}.center-viewport-bevy{height:180px;border-top:1px solid var(--neutral-700);flex-shrink:0}.bevy-viewport{position:relative;width:100%;height:100%;background:var(--neutral-900)}.bevy-viewport-canvas{width:100%;height:100%;display:block}.bevy-viewport-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-1);padding:var(--space-4);pointer-events:none}.bevy-viewport-placeholder-title{color:var(--gold-400);font-weight:600;font-size:var(--text-body)}.bevy-viewport-placeholder-sub{color:var(--neutral-400);font-size:var(--text-small);max-width:60ch}.track-header{display:flex;align-items:center;gap:var(--space-2);width:var(--trackheader-width);flex-shrink:0;height:var(--track-row-height);padding:var(--space-2);background:var(--neutral-850);border-right:1px solid var(--neutral-700);cursor:pointer;position:relative}.track-header--collapsed{height:var(--track-row-height-collapsed)}.track-header--selected{background:var(--neutral-800)}.track-header--armed{box-shadow:inset 0 0 0 1px var(--red-ring);animation:track-armed-pulse 1.6s var(--ease-standard) infinite}@keyframes track-armed-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--red-ring)}50%{box-shadow:inset 0 0 0 1px var(--red-500),0 0 0 3px var(--red-wash)}}.track-header--vocal .track-header-name{color:var(--gold-300)}.track-header-strip{position:absolute;left:0;top:0;bottom:0;width:3px}.track-header-collapse{background:none;border:none;color:var(--neutral-500);cursor:pointer;padding:0 2px;margin-left:2px}.track-header-icon{font-family:var(--font-mono);font-size:9px;font-weight:700;width:28px;text-align:center;flex-shrink:0}.track-header-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.track-header-name-row{display:flex;align-items:center;gap:var(--space-1);min-width:0}.track-header-name{font-size:var(--text-small);font-weight:600;color:var(--neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-header-vocal-badge{font-size:8px;font-weight:700;color:var(--neutral-950);background:var(--gold-500);border-radius:var(--radius-xs);padding:1px 3px;flex-shrink:0}.track-header-badges{display:flex;gap:var(--space-1)}.track-header-badge{font-size:9px;color:var(--neutral-400);background:var(--neutral-800);border-radius:var(--radius-xs);padding:1px 4px}.track-header-controls{display:grid;grid-template-columns:repeat(4,20px);gap:2px;flex-shrink:0}.track-btn{width:20px;height:18px;font-size:9px;font-weight:700;background:var(--neutral-800);border:1px solid var(--neutral-600);color:var(--neutral-400);border-radius:var(--radius-xs);cursor:pointer;padding:0}.track-btn:disabled{opacity:.35;cursor:not-allowed}.track-btn--arm.is-active{background:var(--red-wash);border-color:var(--red-500);color:var(--red-400)}.track-btn--monitor.is-active,.track-btn--fx.is-active,.track-btn--automation.is-active,.track-btn--takecomp.is-active{background:var(--gold-wash);border-color:var(--gold-600);color:var(--gold-400)}.track-btn--mute.is-active{background:var(--red-wash);border-color:var(--red-600);color:var(--red-400)}.track-btn--solo.is-active{background:var(--gold-wash-strong);border-color:var(--gold-500);color:var(--gold-300)}.track-btn--takecomp{grid-column:span 2;width:auto}.bottomdock{display:flex;flex-direction:column;height:var(--bottomdock-height);background:var(--neutral-900);border-top:1px solid var(--neutral-700)}.bottomdock--closed{height:auto}.bottomdock-tabs{display:flex;align-items:center;border-bottom:1px solid var(--neutral-700);padding:0 var(--space-2)}.bottomdock-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--neutral-400);padding:var(--space-2) var(--space-3);font-size:var(--text-small);cursor:pointer}.bottomdock-tab.is-active{color:var(--gold-400);border-bottom-color:var(--gold-500)}.bottomdock-collapse-btn{margin-left:auto;background:none;border:none;color:var(--neutral-500);cursor:pointer;padding:var(--space-2)}.bottomdock-panel{flex:1;overflow:auto;padding:var(--space-3);animation:daw-pop-in var(--duration-base) var(--ease-standard)}.mixer-strips{display:flex;gap:var(--space-3);height:100%}.mixer-strip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:64px;padding:var(--space-2);background:var(--neutral-850);border-radius:var(--radius-sm)}.mixer-strip-name{font-size:var(--text-micro);text-align:center;color:var(--neutral-200)}.mixer-strip-fader{writing-mode:vertical-lr;direction:rtl;height:120px;width:20px}.mixer-strip-bus{font-size:9px;color:var(--neutral-500)}.pianoroll-placeholder,.fx-chain-placeholder{color:var(--neutral-400);font-size:var(--text-body);padding:var(--space-4)}.takeeditor-placeholder{display:flex;flex-direction:column;gap:var(--space-3)}.takeeditor-region-title{font-size:var(--text-small);font-weight:600;color:var(--gold-400);margin-bottom:var(--space-1)}.takeeditor-region-lanes{display:flex;flex-direction:column;gap:2px}.takeeditor-take-lane{background:var(--neutral-850);border:1px solid var(--neutral-700);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);font-size:var(--text-small);color:var(--neutral-200)}.mastering-panel{display:flex;flex-direction:column;gap:var(--space-4)}.mastering-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mastering-preset-card{background:var(--neutral-850);border:1px solid var(--neutral-600);color:var(--neutral-200);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-small);cursor:pointer}.mastering-preset-card:hover{border-color:var(--gold-500);color:var(--gold-300)}.mastering-intensity{display:flex;flex-direction:column;gap:var(--space-1);max-width:320px;font-size:var(--text-small);color:var(--neutral-300)}.rightinspector{width:var(--rightinspector-width);height:100%;background:var(--neutral-900);border-left:1px solid var(--neutral-700);display:flex;flex-direction:column}.rightinspector-header{padding:var(--space-3);font-size:var(--text-small);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--neutral-700)}.rightinspector-body{flex:1;overflow-y:auto;padding:var(--space-3)}.rightinspector-empty{color:var(--neutral-500);font-size:var(--text-small)}.rightinspector-track-name{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.rightinspector-track-kind{font-size:var(--text-micro);color:var(--neutral-400);text-transform:uppercase;margin-bottom:var(--space-3)}.rightinspector-field{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-3);font-size:var(--text-small);color:var(--neutral-300)}.rightinspector-field-row{display:flex;justify-content:space-between;font-size:var(--text-small);color:var(--neutral-300);padding:var(--space-1) 0;border-bottom:1px solid var(--neutral-800)}.rightinspector-vocal-chain{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--neutral-700)}.rightinspector-vocal-chain-title{font-size:var(--text-small);font-weight:600;color:var(--gold-400);margin-bottom:var(--space-2)}.rightinspector-vocal-chain ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-small);color:var(--neutral-400)}.devpanel-root{position:fixed;right:var(--space-4);bottom:var(--space-4);width:280px;max-height:320px;display:flex;flex-direction:column;background:var(--neutral-900);border:1px solid var(--gold-700);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:9999;font-size:var(--text-small)}.devpanel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--neutral-700)}.devpanel-title{color:var(--gold-400);font-weight:600}.devpanel-close{background:none;border:none;color:var(--neutral-400);cursor:pointer;font-size:var(--text-h2);line-height:1}.devpanel-hint{padding:var(--space-2) var(--space-3) 0;color:var(--neutral-500);font-size:var(--text-micro)}.devpanel-current{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);color:var(--gold-300);word-break:break-all}.devpanel-history-label{padding:0 var(--space-3);color:var(--neutral-500);font-size:var(--text-micro);text-transform:uppercase}.devpanel-history{list-style:none;margin:0;padding:var(--space-2) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--neutral-300)}.devpanel-history-empty{color:var(--neutral-600)}.daw-topbar-auth{display:flex;align-items:center;margin-left:var(--space-2)}.daw-signin{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(1200px 600px at 50% -10%,var(--gold-wash),transparent 60%),var(--neutral-950)}.daw-signin__card{width:min(440px,92vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:var(--radius-md);box-shadow:0 24px 64px #0000008c}.daw-signin__mark{font-size:28px;line-height:1;color:var(--gold-500)}.daw-signin__title{margin:0;font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.01em;color:var(--neutral-100)}.daw-signin__blurb{margin:0;max-width:34ch;font-size:var(--text-body);line-height:1.5;color:var(--neutral-300)}.daw-signin__btn{margin-top:var(--space-1);padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-sm);background:var(--gold-500);color:var(--neutral-950);font-weight:600;font-size:var(--text-body);cursor:pointer;transition:background .12s ease}.daw-signin__btn:hover{background:var(--gold-400)}.daw-signin__note{margin:0;max-width:36ch;font-size:var(--text-small);line-height:1.45;color:var(--neutral-500)}.stemdrop-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#08070ab8;backdrop-filter:blur(2px);pointer-events:none}.stemdrop-overlay__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-8);min-width:min(420px,80vw);text-align:center;border:2px dashed var(--gold-500);border-radius:var(--radius-md);background:var(--gold-wash)}.stemdrop-overlay__icon{font-size:34px;line-height:1;color:var(--gold-400)}.stemdrop-overlay__title{font-size:var(--text-h2);font-weight:600;color:var(--neutral-100)}.stemdrop-overlay__sub{font-size:var(--text-small);color:var(--neutral-300)}.stemdrop-toast{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:2001;max-width:min(720px,92vw);padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-700);border-radius:var(--radius-sm);background:var(--neutral-850);box-shadow:0 12px 32px #00000080;font-size:var(--text-small);color:var(--neutral-200);display:flex;flex-direction:column;gap:2px}.stemdrop-toast__msg{color:var(--gold-300)}.stemdrop-toast__ok{color:var(--success-500)}.stemdrop-toast__err{color:var(--red-400)}