@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600;700&family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=pro]{--bg-dark:#070709;--bg-panel:#0e0e12;--bg-control:#141418;--bg-input:#1a1a20;--bg-raised:#222228;--border:#2a2a32;--border-light:#3b3b43;--text:#ccc;--text-dim:#666;--text-bright:#fff;--accent-a:#00c8ff;--accent-b:#ff2952;--accent-green:#00ff7f;--accent-orange:#f80;--accent-red:#ff1a3a;--accent-yellow:#ffd000;--accent-purple:#84f;--glow-a:#00c8ff40;--glow-b:#ff295240;--font-display:"Orbitron",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:3px;--radius-md:6px;--radius-lg:8px}[data-theme=te]{--bg-dark:#0a0a09;--bg-panel:#141413;--bg-control:#1c1c1a;--bg-input:#1c1c1a;--bg-raised:#2a2a28;--border:#2a2a28;--border-light:#383836;--text:#c4c2bc;--text-dim:#555552;--text-bright:#e8e6e0;--accent-a:#3d7a6a;--accent-b:#3d7a6a;--accent-green:#3d7a6a;--accent-orange:#3d7a6a;--accent-red:#e8e6e0;--accent-yellow:#e8e6e0;--accent-purple:#3d7a6a;--glow-a:#3d7a6a26;--glow-b:#3d7a6a26;--font-display:"Space Mono","SF Mono","Courier New",monospace;--font-body:"Space Mono","SF Mono","Courier New",monospace;--radius-sm:0;--radius-md:0;--radius-lg:0;--cel:#3d7a6a;--celh:#4e9b88;--ink:#e8e6e0;--dim:#888884;--dmr:#555552;--sf:#141413;--sfh:#1c1c1a;--bd:#2a2a28;--bdh:#383836;--bk:#0a0a09}body{background:var(--bg-dark);color:var(--text);font-family:var(--font-body);-webkit-user-select:none;user-select:none;min-height:100vh;overflow-x:hidden}input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}html.a11y-high-contrast{--text:#edebe4;--text-dim:#b5b2aa;--text-bright:#fff;--border:#77736a;--border-light:#f2efe8;--bg-input:#10100f;--bg-raised:#191916}html.a11y-high-contrast button,html.a11y-high-contrast input,html.a11y-high-contrast select,html.a11y-high-contrast textarea{border-color:var(--border-light)!important}html.a11y-high-contrast :focus-visible{outline:2px solid var(--accent-a);outline-offset:2px}html.a11y-reduced-motion *,html.a11y-reduced-motion :before,html.a11y-reduced-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.notif-wrap{position:relative}.notif-btn{font-size:15px;position:relative}.notif-badge{background:var(--accent-red);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.notif-dropdown{background:var(--bg-panel);border:1px solid var(--border);z-index:200;flex-direction:column;width:280px;max-height:360px;display:flex;position:absolute;top:100%;right:0}.notif-header{letter-spacing:2px;color:var(--text-dim);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:700}.notif-list{flex:1;max-height:280px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:default;padding:10px 12px}.notif-item:hover{background:var(--bg-input)}.notif-item-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.notif-item-body{color:var(--text-dim);font-size:12px;line-height:1.5}.notif-item-time{color:var(--accent-a);margin-top:3px;font-size:11px}.notif-empty{text-align:center;color:var(--text-dim);padding:24px 12px;font-size:12px}.notif-footer{border-top:1px solid var(--border);text-align:center;padding:6px 12px}.notif-clear{color:var(--text-dim);cursor:pointer;font-size:11px;font-family:var(--font-body);letter-spacing:1px;background:0 0;border:none}.notif-clear:hover{color:var(--accent-a)}#app{max-width:1700px;margin:0 auto;padding:6px}#app.fullscreen-mode{max-width:100%;padding:0}#app.fullscreen-mode .controls-area,#app.fullscreen-mode .library-panel,#app.fullscreen-mode .shortcuts-bar,#app.fullscreen-mode .key-compat{display:none}#app.fullscreen-mode .waveforms-main{height:50vh}#app.fullscreen-mode .waveform-display{height:100%}#app.fullscreen-mode .spectrum-bar{height:80px}.top-bar{border-bottom:1px solid var(--border);background:linear-gradient(#18181e,#101014);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:5px 14px;display:flex}.logo{font-family:var(--font-display);letter-spacing:3px;background:linear-gradient(135deg,var(--accent-a),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:baseline;gap:6px;font-size:21px;font-weight:900;display:flex}.logo-kanji{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:var(--accent-a);color:var(--accent-a);font-size:23px}.model{letter-spacing:1px;font-size:17px;font-weight:400}.master-clock{align-items:center;gap:8px;display:flex}.master-clock .label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.bpm-display{font-family:var(--font-display);color:var(--accent-green);text-shadow:0 0 12px #00ff7f66;font-size:20px;font-weight:700}.top-right{align-items:center;gap:8px;display:flex}.top-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:3px 10px;font-size:17px;font-weight:700;transition:all .15s}.top-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.top-btn.active{background:var(--accent-a);color:#000;border-color:var(--accent-a)}.midi-status{color:var(--text-dim);letter-spacing:1px;align-items:center;gap:4px;font-size:17px;display:flex}.midi-dot{background:#333;border-radius:50%;width:6px;height:6px;display:inline-block}.midi-dot.connected{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.tap-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:2px;cursor:pointer;border-radius:3px;padding:3px 10px;font-size:17px;font-weight:700}.tap-btn:active{background:var(--accent-purple);color:#fff}.rec-btn{color:var(--accent-red);border:1px solid var(--accent-red);cursor:pointer;letter-spacing:2px;background:#2a0008;border-radius:3px;padding:3px 10px;font-size:17px;font-weight:700}.rec-btn.active{background:var(--accent-red);color:#fff;animation:1s infinite pulse-red}.rec-time{font-family:var(--font-display);color:var(--text-dim);font-size:18px}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}.phase-meter-bar{background:#0a0a0e;align-items:center;gap:8px;padding:3px 14px;display:flex;position:relative}.phase-label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.phase-track{background:#111116;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.phase-center{background:#ffffff40;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.phase-indicator{background:var(--accent-green);border-radius:3px;width:10px;height:100%;transition:left 60ms;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #00ff7f80}.phase-beats{font-family:var(--font-display);color:var(--text-dim);font-size:17px}.beat-flash{opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,var(--glow-a));width:50%;height:100%;transition:opacity 50ms;position:absolute;top:0;left:0}.beat-flash.b{background:linear-gradient(270deg,transparent,var(--glow-b));left:50%}.beat-flash.flash{opacity:1}.prefs-modal-wide{width:620px;max-width:95vw}.prefs-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;padding:0 8px;display:flex;overflow-x:auto}.prefs-tabs::-webkit-scrollbar{display:none}.prefs-tab{min-width:max-content;color:var(--text-dim);letter-spacing:1.2px;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:13px;font-weight:700;transition:all .2s}.prefs-tab:hover{color:var(--text)}.prefs-tab.active{color:var(--accent-a);border-bottom-color:var(--accent-a)}.prefs-body{padding:14px!important}.prefs-panel{display:none}.prefs-panel.active{display:block}.pref-section-label{color:var(--text-dim);letter-spacing:2px;margin-top:4px;margin-bottom:8px;font-size:17px;font-weight:700}.pref-hint{color:#fff3;margin:-4px 0 10px;font-size:11px;line-height:1.4}.dna-card{background:linear-gradient(135deg,#0f0a19f2,#0a0812f2);border:1px solid #8844ff26;border-radius:10px;padding:14px 16px;font-size:18px}.dna-card-compact{background:#8844ff0f;border-radius:6px;padding:6px 10px}.dna-card-compact .dna-technique{color:var(--accent-purple);font-size:17px;font-weight:700}.dna-card-compact .dna-stats{color:var(--text-dim);margin-top:2px;font-size:17px}.dna-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dna-name{font-family:var(--font-display);color:#fff;letter-spacing:2px;font-size:18px;font-weight:700}.dna-badge{color:var(--accent-purple);letter-spacing:1px;background:#8844ff1f;border:1px solid #84f3;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700}.dna-identity,.dna-row{gap:10px;margin-bottom:10px;display:flex}.dna-trait{background:#ffffff05;border-radius:6px;flex:1;padding:8px}.dna-trait-label{color:#ffffff4d;letter-spacing:2px;margin-bottom:3px;font-size:11px;font-weight:700}.dna-trait-value{color:#fff;margin-bottom:2px;font-size:18px;font-weight:700}.dna-trait-detail{color:#ffffff59;font-size:11px}.dna-tech-bar{border-radius:2px;gap:1px;height:4px;margin-top:4px;display:flex;overflow:hidden}.dna-territory{margin-bottom:8px}.dna-territory-grid{background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;width:100%;height:60px;position:relative}.dna-grid-dot{background:var(--accent-purple);width:10px;height:10px;box-shadow:0 0 8px var(--accent-purple);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.dna-grid-label{color:#ffffff26;font-size:11px;line-height:1.3;position:absolute}.dna-gl-tl{top:3px;left:4px}.dna-gl-br{text-align:right;bottom:3px;right:4px}.dna-footer{color:#fff3;text-align:center;font-size:11px}.dna-evolution{flex-direction:column;gap:6px;display:flex}.dna-evo-metric{background:#ffffff05;border-radius:4px;padding:6px 8px}.dna-evo-label{color:#ffffff4d;letter-spacing:1px;font-size:11px}.dna-evo-value{color:#fff;font-size:17px;font-weight:700}.dna-evo-delta{font-size:17px;font-weight:400}.dna-sparkline{width:100%;height:20px;margin-top:2px}.dna-shifts{background:#8844ff0d;border-radius:4px;margin-top:4px;padding:6px 8px}.dna-shift-item{color:var(--accent-purple);margin-top:3px;font-size:17px}.feature-locked,.temporarily-parked{display:none!important}.narrative-overlay{z-index:2800;background:#08080c;display:none;position:fixed;inset:0;overflow-y:auto}.narrative-overlay.visible{display:block}.narr-container{max-width:1100px;min-height:100vh;margin:0 auto;padding:24px 32px}.narr-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.narr-title{font-family:var(--font-display);color:#fff;letter-spacing:3px;font-size:18px;font-weight:700}.narr-topbar-actions{align-items:center;gap:6px;display:flex}.narr-btn{color:#ffffff80;letter-spacing:1px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:5px;padding:6px 14px;font-size:18px;font-weight:700;transition:all .2s}.narr-btn:hover{color:#fff;background:#ffffff14}.narr-btn-accent{color:#84fc!important;background:linear-gradient(135deg,#8844ff26,#00c8ff1a)!important;border-color:#8844ff4d!important}.narr-btn-accent:hover{color:#fff!important;background:#8844ff4d!important}.narr-close-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px}.narr-close-btn:hover{color:#fff}.narr-btn.narr-btn-top{color:#8844ffb3;background:linear-gradient(135deg,#8844ff1a,#00c8ff0f);border-color:#8844ff40}.narr-input-area{margin-bottom:20px}.narr-input{color:#fff;width:100%;font-size:18px;font-family:var(--font-body);resize:vertical;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:16px;line-height:1.6;transition:border-color .2s}.narr-input:focus{border-color:#8844ff4d}.narr-input::placeholder{color:#fff3}.narr-input-fields{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.narr-input-fields label{color:#fff6;letter-spacing:1px;align-items:center;gap:6px;font-size:18px;display:flex}.narr-field{color:#fff;font-size:17px;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;outline:none;width:60px;padding:6px 10px}.narr-genre-field{width:150px}.narr-key-field{width:240px;font-size:17px}.narr-generate-btn{background:linear-gradient(135deg,var(--accent-purple),var(--accent-a));color:#fff;letter-spacing:2px;cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:10px 24px;font-size:17px;font-weight:700;transition:all .2s}.narr-generate-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8844ff4d}.narr-generate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.narr-api-key{margin-top:8px}.narr-api-key label{color:#ffffff4d;align-items:center;gap:6px;font-size:17px;display:flex}.narr-loading{text-align:center;color:#fff6;padding:20px;font-size:18px;font-style:italic;animation:2s infinite loading-text}.narr-usage{letter-spacing:1px;color:#ffffff59;text-align:right;margin-top:8px;font-size:13px}.narr-usage.is-near-limit{color:#ffc878bf}.narr-usage.is-at-limit{color:#ff7878d9}.report-card-body{max-height:75vh;padding:18px 22px 22px;overflow-y:auto}.report-card-loading{text-align:center;color:#ffffff80;padding:40px 0;font-size:16px;font-style:italic;animation:2s infinite loading-text}.report-card-scores{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.report-card-score{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:10px 8px}.report-card-score-val{color:#fff;font-size:26px;font-weight:700;line-height:1}.report-card-score-lbl{letter-spacing:1.5px;color:#fff6;text-transform:uppercase;margin-top:4px;font-size:11px}.report-card-summary{color:#ffffffd9;background:#6366f114;border-left:2px solid #6366f1;border-radius:4px;margin-bottom:20px;padding:12px 14px;font-size:15px;line-height:1.6}.report-card-section{margin-bottom:16px}.report-card-label{letter-spacing:2px;color:#fff6;margin-bottom:8px;font-size:11px;font-weight:600}.report-card-body ul{color:#ffffffbf;margin:0;padding-left:18px;font-size:14px;line-height:1.6}.report-card-body li{margin-bottom:6px}.report-card-error{color:#ff7878d9;text-align:center;padding:20px;font-size:14px}.narr-header{text-align:center;color:#ffffff59;letter-spacing:3px;margin:16px 0 12px;font-size:18px;font-weight:600}.narrative-timeline{border-radius:8px;min-height:80px;margin-bottom:16px;display:flex;overflow:hidden}.narr-zone{cursor:pointer;border-right:1px solid #0000004d;flex-direction:column;justify-content:space-between;min-width:40px;padding:8px 6px;transition:filter .2s;display:flex;position:relative}.narr-zone:hover{filter:brightness(1.2)}.narr-zone-label{color:#ffffffb3;letter-spacing:1px;font-size:18px;font-weight:700}.narr-zone-dur{color:#ffffff4d;font-size:11px}.narr-zone-trans{color:#ffffff40;justify-content:center;align-items:center;width:12px;font-size:18px;display:flex;position:absolute;top:0;bottom:0;left:0}.narr-zone-curve{opacity:.5;height:40px;position:absolute;bottom:20px;left:12px;right:0}.narr-skeleton-zones{background:linear-gradient(90deg,#ffffff05 0%,#ffffff0a 50%,#ffffff05 100%) 0 0/200% 100%;border-radius:8px;height:80px;animation:1.5s infinite skeleton-shimmer}.narrative-zone-detail{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:16px;display:none}.narrative-zone-detail:not(:empty){display:block}.narr-detail-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.narr-detail-label{font-family:var(--font-display);color:#fff;letter-spacing:2px;font-size:18px;font-weight:700}.narr-detail-time{color:#ffffff4d;font-size:17px}.narr-detail-desc{color:#ffffff80;margin-bottom:12px;font-size:17px;font-style:italic;line-height:1.5}.narr-detail-tracks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.narr-track-card{background:#ffffff08;border-radius:6px;padding:10px;transition:background .15s}.narr-track-card:hover{background:#ffffff0f}.narr-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:18px;font-weight:600;overflow:hidden}.narr-card-meta{color:#ffffff4d;margin-bottom:3px;font-size:18px}.narr-card-reason{color:#84f9;margin-bottom:6px;font-size:18px;font-style:italic}.narr-card-actions{gap:4px;display:flex}.narr-btn-sm{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;padding:3px 8px;font-size:17px;font-weight:700}.narr-btn-sm:hover{color:#fff;background:#ffffff1a}.narr-remove{color:#ff646480!important;border-color:#ff646426!important}.narr-track-skeleton{text-align:center;color:#fff3;padding:20px;font-size:18px;font-style:italic;animation:1.5s infinite loading-text}.narr-error{text-align:center;color:#ff646499;padding:20px;font-size:18px}.narr-zone-active{outline-offset:-2px;outline:2px solid #84f9;filter:brightness(1.3)!important}.narr-zone-energy{pointer-events:none;background:#ffffff1a;position:absolute;bottom:0;left:0;right:0}.narr-zone-info{margin-bottom:12px}.narr-zone-title{font-family:var(--font-display);color:#fff;letter-spacing:2px;margin-bottom:6px;font-size:17px;font-weight:700}.narr-zone-meta{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.narr-tag{color:#ffffff80;letter-spacing:.5px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:18px}.narr-zone-desc{color:#ffffff73;font-size:18px;font-style:italic;line-height:1.5}.narr-zone-hint{color:#8844ff80;margin-top:6px;font-size:17px}.narr-zone-tracks{margin-top:10px}.narr-tracks-header{color:#ffffff4d;letter-spacing:2px;margin-bottom:6px;font-size:17px;font-weight:700}.narr-tracks-empty{color:#fff3;padding:8px 0;font-size:17px;font-style:italic}.narr-track-row{border-radius:4px;align-items:center;gap:8px;padding:5px 8px;transition:background .15s;display:flex}.narr-track-row:hover{background:#ffffff0a}.narr-track-name{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;overflow:hidden}.narr-track-bpm,.narr-track-key{color:#ffffff4d;text-align:right;min-width:40px;font-size:18px}.narr-track-score{color:#84f9;text-align:right;min-width:30px;font-size:18px;font-weight:700}.mood-grid-toggle{border-color:var(--accent-purple)!important;color:var(--accent-purple)!important;background:linear-gradient(135deg,#8844ff1a,#00c8ff14)!important}.mood-grid-toggle:hover,.mood-grid-toggle.active{background:var(--accent-purple)!important;color:#fff!important}.mood-grid-view{flex-direction:column;gap:4px;padding:4px;display:none}.mood-grid-view.visible{display:flex}.mood-grid-container{cursor:crosshair;background:#0a0a0a;border-radius:4px;flex:1;position:relative;overflow:hidden}.mood-grid-container canvas{width:100%;height:100%;display:block}.mood-grid-corners{pointer-events:none;position:absolute;inset:0}.vibe-filter-inline{gap:12px;margin-top:4px;padding:8px 0;display:flex}.vibe-filter{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;display:flex}.vibe-sliders{flex:1;gap:16px;display:flex}.vibe-slider-group{flex:1;min-width:0}.vibe-slider-label{letter-spacing:1.5px;color:var(--text-dim);justify-content:space-between;margin-bottom:3px;font-size:11px;display:flex}.vibe-slider-val{color:var(--accent-a);font-weight:700}.vibe-range{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;width:100%;height:3px}.vibe-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-a);cursor:pointer;border-radius:50%;width:14px;height:14px}.vibe-range-mood::-webkit-slider-thumb{background:var(--accent-purple)}.vibe-slider-ends{color:#fff3;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.vibe-reset{border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.vibe-reset:hover{color:#fff;border-color:var(--text-dim)}.vibe-results{max-height:300px;overflow-y:auto}.vibe-results-header{color:var(--text-dim);letter-spacing:1px;margin-bottom:2px;padding:4px 0;font-size:17px}.vibe-track{background:var(--bg-dark);cursor:pointer;border-radius:3px;align-items:center;gap:5px;margin-bottom:2px;padding:4px 6px;font-size:17px;transition:background .15s;display:flex}.vibe-track:hover{background:var(--bg-input)}.vibe-track-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vibe-track-meta{color:var(--text-dim);flex-shrink:0;font-size:11px}.vibe-track-score{color:var(--accent-purple);flex-shrink:0;font-size:11px;font-weight:700}.vibe-track-mood{flex-shrink:0}.vibe-load-btn{color:var(--accent-a);cursor:pointer;background:#00c8ff1a;border:1px solid #00c8ff40;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700}.vibe-load-btn:hover{background:#00c8ff40}.vibe-load-b{color:var(--accent-green)!important;background:#00ff7f1a!important;border-color:#00ff7f40!important}.seed-connect{gap:6px;padding:4px 6px;display:flex}.seed-btn{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.5px;cursor:pointer;background:#ffffff08;border-radius:5px;align-items:center;gap:6px;padding:5px 12px;font-size:17px;font-weight:600;transition:all .15s;display:flex}.seed-btn:hover{color:#fff;background:#ffffff0f}.seed-btn.connected{border-color:var(--accent-green);color:var(--accent-green)}.seed-btn.connected:hover{background:#00ff7f0f}.seed-btn.needs-setup{color:#c8c8cf;border-style:dashed}.seed-btn.needs-setup:hover{border-color:var(--accent-purple);color:#fff;background:#8844ff0f}.seed-btn.loading{opacity:.6;pointer-events:none}.seed-btn.coming-soon,.seed-btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.seed-btn.coming-soon:hover,.seed-btn[disabled]:hover{color:var(--text-dim);border-color:var(--border);background:#ffffff08}.seed-spotify:hover{color:#1db954;border-color:#1db954}.seed-soundcloud:not([disabled]):hover{color:#f50;border-color:#f50}.seed-disconnect{color:var(--text-dim);cursor:pointer;opacity:.5;margin-left:4px;font-size:11px}.seed-disconnect:hover{opacity:1;color:var(--accent-red)}.seed-config-note{color:#8b8b92;margin:0 6px 4px;font-size:11px;line-height:1.5}.seed-summary{color:var(--text-dim);cursor:pointer;background:#8844ff0a;border:1px solid #8844ff1f;border-radius:6px;margin:4px 6px;padding:10px 12px;font-size:18px;line-height:1.6;transition:opacity .3s}.seed-summary strong{color:#fff}.seed-summary .seed-zone{color:var(--accent-purple);font-weight:600}.guide-category{letter-spacing:3px;color:var(--accent-a);margin-top:8px;padding:20px 0 8px;font-size:11px;font-weight:700}.guide-category:first-child{margin-top:0;padding-top:4px}.guide-section{border-bottom:1px solid var(--border);padding:16px 0}.guide-section:last-child{border-bottom:none}.guide-section.hidden{display:none}.guide-title{font-family:var(--font-display);color:var(--accent-a);letter-spacing:2px;margin-bottom:8px;font-size:17px;font-weight:700}.guide-body{color:var(--text);font-size:18px;line-height:1.8}.guide-body strong{color:#fff;font-weight:600}.mg-corner{color:#ffffff26;letter-spacing:1px;font-size:11px;font-weight:600;position:absolute}.mg-tl{top:4px;left:6px}.mg-tr{top:4px;right:6px}.mg-bl{bottom:4px;left:6px}.mg-br{bottom:4px;right:6px}.mood-grid-tooltip{border:1px solid var(--border);color:var(--text);pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0feb;border-radius:6px;max-width:200px;padding:6px 10px;font-size:17px;position:absolute}.mood-grid-tooltip .mg-tt-name{color:#fff;margin-bottom:2px;font-weight:700}.mood-grid-tooltip .mg-tt-meta{color:var(--text-dim);font-size:11px}.mood-grid-panel{background:var(--bg-input);border-radius:4px;width:180px;padding:4px;overflow-y:auto}.mg-panel-header{color:var(--text-dim);letter-spacing:2px;padding:4px;font-size:11px;font-weight:700}.mg-panel-list{flex-direction:column;gap:2px;display:flex}.mg-track-card{background:var(--bg-dark);cursor:default;border-radius:3px;padding:4px 6px;font-size:17px;transition:opacity .3s,background .15s}.mg-track-card:hover{background:var(--bg-raised)}.mg-track-card .mg-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mg-track-card .mg-card-meta{color:var(--text-dim);gap:6px;margin-top:1px;font-size:11px;display:flex}.mg-track-card .mg-card-load{gap:2px;margin-top:2px;display:flex}.mg-track-card .mg-card-load button{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700}.mg-track-card .mg-card-load button:hover{border-color:var(--accent-a);color:var(--accent-a)}.mg-status{color:var(--text-dim);font-size:11px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.set-arc-bar{cursor:pointer;background:#050508;height:32px;padding:0 8px;position:relative}.set-arc-bar canvas{width:100%;height:100%;display:block}.set-arc-bar.review{height:120px;transition:height .3s}.spectrum-bar{background:#060609;gap:2px;height:50px;padding:2px 8px;display:flex}.spectrum-canvas{border-radius:3px;flex:1;height:100%}.waveform-overview{background:#080810;gap:2px;padding:2px 8px;display:flex}.deck-waveform{border:1px solid var(--bg-input);cursor:pointer;background:#06060a;border-radius:3px;flex:1;height:32px;position:relative;overflow:hidden}.deck-waveform canvas{width:100%;height:100%;display:block}.playhead{z-index:2;pointer-events:none;background:#fff;width:2px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 8px #fffc}.waveforms-main{background:#080810;align-items:stretch;gap:2px;padding:2px 8px;display:flex}.waveform-display{border:1px solid var(--bg-input);background:#04040a;border-radius:3px;flex:1;height:95px;position:relative;overflow:hidden}.waveform-display canvas{width:100%;height:100%;display:block}.wave-info{z-index:3;background:linear-gradient(#000000e6,#0000);flex-wrap:nowrap;align-items:center;gap:5px;padding:2px 6px;display:flex;position:absolute;top:0;left:0;right:0}.deck-label{font-family:var(--font-display);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:17px;font-weight:900;display:flex}.deck-label.a{background:var(--accent-a);color:#000}.deck-label.b{background:var(--accent-b);color:#fff}.track-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;transition:color .3s;overflow:hidden}.track-name.loading{color:var(--accent-yellow);animation:1s infinite loading-text}@keyframes loading-text{0%,to{opacity:1}50%{opacity:.5}}.key-display{font-family:var(--font-display);color:var(--accent-purple);background:#8844ff1a;border-radius:2px;flex-shrink:0;padding:1px 5px;font-size:17px;font-weight:700}.key-controls{flex-shrink:0;gap:2px;display:flex}.key-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 5px;font-size:11px;font-weight:700}.key-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.key-btn.active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.time-display{font-family:var(--font-display);color:var(--accent-green);flex-shrink:0;font-size:17px}.beat-grid-line{z-index:2;pointer-events:none;background:#ffffff80;width:2px;height:100%;position:absolute;top:0;left:50%;box-shadow:0 0 6px #ffffff4d}.drop-overlay{border:2px dashed var(--accent-a);letter-spacing:3px;color:var(--accent-a);z-index:10;background:#00c8ff1a;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:none;position:absolute;inset:0}#deck-b .drop-overlay,#wave-drop-b .drop-overlay{border-color:var(--accent-b);color:var(--accent-b);background:#ff29521a}.drop-overlay.visible{display:flex}.waveform-zoom-controls{flex-direction:column;justify-content:center;gap:2px;padding:2px;display:flex}.zoom-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:3px 5px;font-size:11px;font-weight:700}.zoom-btn:hover{border-color:var(--border-light);color:var(--text)}.zoom-btn.active{color:var(--accent-a);border-color:var(--accent-a)}.mix-assist-panel{border:1px solid var(--border);background:#0a0a10;border-radius:5px;margin:3px 8px;transition:max-height .3s;overflow:hidden}.mix-assist-panel.collapsed .mix-assist-body{display:none}.mix-assist-header{background:linear-gradient(90deg,#8844ff0f,#00c8ff0a);align-items:center;gap:6px;padding:5px 10px;display:flex}.ma-badge{color:#fff;background:linear-gradient(135deg,var(--accent-purple),var(--accent-a));letter-spacing:1px;border-radius:3px;padding:1px 5px;font-size:11px;font-weight:900}.ma-toggle{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:3px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700;transition:all .2s}.ma-toggle.active{background:var(--accent-green);color:#000;border-color:var(--accent-green)}.mix-assist-body{flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.ma-section{background:var(--bg-input);border-radius:4px;flex:1;min-width:200px;padding:6px 8px}.ma-label{color:var(--text-dim);letter-spacing:2px;margin-bottom:4px;font-size:11px;font-weight:700}.ma-content{color:var(--text);font-size:18px;line-height:1.5}.ma-content .ma-highlight{color:var(--accent-green);font-weight:700}.ma-content .ma-time{font-family:var(--font-display);color:var(--accent-a);font-size:18px}.ma-content .ma-score{color:var(--accent-yellow);margin-left:4px;font-size:17px}.ma-actions{flex-wrap:wrap;gap:3px;margin-top:5px;display:flex}.ma-btn{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.ma-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.ma-btn-accent{border-color:var(--accent-purple);color:var(--accent-purple)}.ma-btn-accent:hover{background:var(--accent-purple);color:#fff}.ma-btn-highlight{border:1px solid var(--accent-purple);width:100%;color:var(--accent-purple);cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#8844ff1a,#00c8ff14);border-radius:4px;margin-top:5px;padding:6px;font-size:17px;font-weight:700;transition:all .2s}.ma-btn-highlight:hover{background:var(--accent-purple);color:#fff;box-shadow:0 0 12px #8844ff4d}.ma-eq-steps{margin-top:4px}.ma-eq-step{color:var(--text-dim);align-items:center;gap:4px;padding:2px 0;font-size:17px;display:flex}.ma-eq-step .step-num{background:var(--bg-dark);border:1px solid var(--border);width:16px;height:16px;color:var(--accent-a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ma-eq-step .step-text{flex:1}.ma-eq-step .step-text strong{color:var(--accent-a)}.ma-suggestions{flex-direction:column;gap:3px;display:flex}.ma-suggest-item{background:var(--bg-dark);border-radius:3px;align-items:center;gap:6px;padding:3px 5px;font-size:17px;transition:background .15s;display:flex}.ma-suggest-item:hover{background:var(--bg-raised)}.ma-suggest-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:900;display:flex}.ma-suggest-rank.top{background:var(--accent-green);color:#000}.ma-suggest-rank.good{background:var(--accent-yellow);color:#000}.ma-suggest-rank.ok{background:var(--bg-raised);color:var(--text-dim);border:1px solid var(--border)}.ma-suggest-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ma-suggest-meta{color:var(--text-dim);font-size:11px}.ma-suggest-score{color:var(--accent-purple);font-size:11px;font-weight:700}.ma-suggest-load{gap:2px;display:flex}.ma-suggest-load button{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.ma-suggest-load button:hover{border-color:var(--accent-a);color:var(--accent-a)}.ma-prompt-section{flex-basis:100%;min-width:100%}.prompt-input-row{gap:4px;margin-bottom:6px;display:flex}.prompt-input{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-bright);font-size:18px;font-family:var(--font-body);border-radius:6px;outline:none;flex:1;padding:8px 10px;transition:border-color .2s}.prompt-input:focus{border-color:var(--accent-purple)}.prompt-input::placeholder{color:#444}.prompt-go-btn{background:linear-gradient(135deg,var(--accent-purple),var(--accent-a));color:#fff;letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:17px;font-weight:700;transition:all .2s}.prompt-go-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8844ff4d}.prompt-go-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.prompt-templates{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.prompt-template{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.prompt-template:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.prompt-result{color:var(--text-dim);min-height:16px;font-size:18px}.prompt-result.loading{color:var(--accent-yellow);animation:1s infinite loading-text}.prompt-result.success{color:var(--accent-green)}.prompt-result.error{color:var(--accent-red)}.prompt-result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.prompt-result-header>span{color:var(--accent-green);font-size:18px}.prompt-actions{gap:4px;display:flex}.prompt-action-btn{border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:#ffffff0f;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.prompt-action-btn:hover{color:#fff;background:#ffffff1a}.prompt-action-accent{color:var(--accent-a)!important;background:#00c8ff1a!important;border-color:#00c8ff4d!important}.prompt-action-accent:hover{background:#00c8ff33!important}.prompt-match{background:var(--bg-dark);cursor:pointer;border-radius:3px;align-items:center;gap:4px;margin-top:2px;padding:4px 6px;font-size:17px;transition:background .15s;display:flex}.prompt-match:hover{background:var(--bg-input)}.prompt-match-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.prompt-match .mood-tag{letter-spacing:.3px;border-radius:8px;padding:1px 5px;font-size:11px;font-weight:700}.prompt-load-btn{color:var(--accent-a);cursor:pointer;background:#00c8ff1a;border:1px solid #00c8ff40;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700;transition:all .15s}.prompt-load-btn:hover{background:#00c8ff40}.prompt-load-b{color:var(--accent-green)!important;background:#00ff7f1a!important;border-color:#00ff7f40!important}.prompt-load-b:hover{background:#00ff7f40!important}.mood-chill{color:var(--accent-a);background:#00c8ff1f}.mood-energetic{color:var(--accent-yellow);background:#ffd0001f}.mood-dark{color:var(--accent-purple);background:#8844ff1f}.mood-uplifting{color:var(--accent-green);background:#00ff7f1f}.mood-melancholic{color:#48c;background:#0064c81f}.mood-aggressive{color:var(--accent-b);background:#ff29521f}.key-compat{background:#0a0a0e;justify-content:center;align-items:center;gap:8px;padding:2px;font-size:17px;display:flex}.key-compat-label{color:var(--text-dim);letter-spacing:2px}.key-compat-value{color:var(--text-dim);font-weight:700}.key-compat-value.match{color:var(--accent-green)}.key-compat-value.close{color:var(--accent-yellow)}.key-compat-value.clash{color:var(--accent-red)}.controls-area{background:var(--bg-panel);border-radius:0 0 8px 8px;gap:4px;padding:6px;display:flex}.deck{background:var(--bg-control);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;gap:5px;padding:8px;display:flex;overflow:hidden}#deck-a{border-top:2px solid var(--accent-a)}#deck-b{border-top:2px solid var(--accent-b)}.mixer-center{background:var(--bg-control);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;width:210px;min-width:210px;max-height:calc(100vh - 300px);padding:8px 6px;display:flex;overflow-y:auto}.deck-header{justify-content:space-between;align-items:center;display:flex}.deck-id{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:18px;font-weight:700}.bpm-section{align-items:baseline;gap:3px;display:flex}.bpm-value{font-family:var(--font-display);color:#fff;font-size:18px;font-weight:700}.bpm-label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.load-btn{background:var(--bg-input);border:1px dashed var(--border);width:100%;color:var(--text-dim);letter-spacing:2px;text-align:center;cursor:pointer;border-radius:4px;padding:6px;font-size:17px;font-weight:600;transition:all .25s ease-out;display:block}.load-btn:active{transform:scale(.98)}.load-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}#deck-b .load-btn:hover{border-color:var(--accent-b);color:var(--accent-b)}.jog-wheel-container{flex-direction:column;align-items:center;display:flex}.jog-wheel{cursor:grab;perspective:200px;background:radial-gradient(circle at 35% 35%,#252530,#111116 55%,#08080c);border:3px solid #2a2a32;border-radius:50%;width:160px;height:160px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0009,inset 0 0 30px #0006}.jog-platter{width:100%;height:100%;transform-style:preserve-3d;border-radius:50%;transition:transform 50ms;position:relative}.jog-art{opacity:.2;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#deck-a .jog-wheel:hover{box-shadow:0 4px 30px var(--glow-a),inset 0 0 30px #0006}#deck-b .jog-wheel:hover{box-shadow:0 4px 30px var(--glow-b),inset 0 0 30px #0006}.jog-wheel:active{cursor:grabbing}.jog-inner{z-index:2;background:radial-gradient(circle at 35% 35%,#1e1e28,#0e0e14);border:2px solid #222230;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jog-label{font-family:var(--font-display);color:#2a2a36;font-size:20px;font-weight:900}.jog-dot{z-index:3;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#deck-a .jog-dot{background:var(--accent-a);box-shadow:0 0 8px var(--accent-a)}#deck-b .jog-dot{background:var(--accent-b);box-shadow:0 0 8px var(--accent-b)}.jog-modes{gap:3px;margin-top:4px;display:flex}.vinyl-btn,.slip-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:700}.vinyl-btn.active{border-color:var(--accent-green);color:var(--accent-green);background:#0a1a10}.slip-btn.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#1a0a2a}.transport{gap:5px;display:flex}.transport-btn{cursor:pointer;border:2px solid;border-radius:4px;flex:1;padding:8px;font-size:18px;font-weight:700;transition:all .15s ease-out}.cue-btn{border-color:var(--accent-orange);color:var(--accent-orange);background:#1e1200}.cue-btn:hover{background:var(--accent-orange);color:#000}.play-btn{border-color:var(--accent-green);color:var(--accent-green);background:#001a0a;font-size:17px}.play-btn:hover,.play-btn.active{background:var(--accent-green);color:#000}.play-btn.active{animation:1.5s infinite alternate glow-green;box-shadow:0 0 12px #00ff7f59}@keyframes glow-green{0%{box-shadow:0 0 10px #00ff7f40}to{box-shadow:0 0 18px #00ff7f73}}.tempo-section{text-align:center}.tempo-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.tempo-label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.tempo-range-btns{gap:2px;display:flex}.range-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 4px;font-size:11px;font-weight:700}.range-btn.active{border-color:var(--accent-a);color:var(--accent-a)}#deck-b .range-btn.active{border-color:var(--accent-b);color:var(--accent-b)}.tempo-slider{-webkit-appearance:none;background:var(--bg-input);border-radius:3px;outline:none;width:100%;height:7px}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(#fff,#bbb);border-radius:2px;width:12px;height:20px;box-shadow:0 2px 6px #00000080}.tempo-value{font-family:var(--font-display);color:var(--accent-green);margin-top:2px;font-size:18px}.sync-row{justify-content:center;gap:3px;margin-top:3px;display:flex}.sync-btn,.master-btn{letter-spacing:1px;cursor:pointer;border:1px solid;border-radius:3px;padding:4px 12px;font-size:17px;font-weight:700;transition:all .15s}.sync-btn{border-color:var(--accent-purple);color:var(--accent-purple);background:#0a0a1e}.sync-btn:hover,.sync-btn.active{background:var(--accent-purple);color:#fff;box-shadow:0 0 8px #8844ff4d}.master-btn{background:var(--bg-input);border-color:var(--border);color:var(--text-dim)}.master-btn.active{border-color:var(--accent-yellow);color:var(--accent-yellow);background:#ffd00014}.eq-section{background:var(--bg-dark);border-radius:4px;justify-content:center;gap:5px;padding:5px;display:flex}.eq-knob-group{flex-direction:column;align-items:center;gap:2px;display:flex}.eq-knob-group label{color:var(--text-dim);letter-spacing:1px;font-size:11px;font-weight:700}.knob-wrapper{width:32px;height:32px;position:relative}.knob-wrapper.small{width:26px;height:26px}.rotary-knob{border:2px solid var(--border-light);cursor:pointer;background:radial-gradient(circle at 35% 35%,#333340,#1a1a24);border-radius:50%;width:100%;height:100%;transition:border-color .2s,box-shadow .2s;position:relative}.rotary-knob:hover{border-color:#555;box-shadow:0 0 8px #ffffff0d}.rotary-knob:after{content:"";transform-origin:bottom;width:2px;height:8px;transform:translateX(-50%) rotate(var(--knob-angle,0deg));background:#fff;border-radius:1px;position:absolute;top:3px;left:50%}.knob-wrapper.small .rotary-knob:after{height:6px;top:2px}.eq-val{font-family:var(--font-display);color:var(--text-dim);font-size:11px}.eq-kill{border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700;transition:all .1s}.eq-kill.active{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.eq-kill:hover{border-color:var(--accent-red);color:var(--accent-red)}.color-fx-section{background:var(--bg-dark);border-radius:4px;padding:5px}.section-label{color:var(--text-dim);letter-spacing:2px;margin-bottom:3px;font-size:11px;font-weight:700}.color-fx-select{gap:2px;margin-bottom:3px;display:flex}.cfx-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:3px 0;font-size:11px;font-weight:700}.cfx-btn.active{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff88001f}.color-fx-knob{-webkit-appearance:none;background:var(--bg-input);border-radius:3px;outline:none;width:100%;height:5px}.color-fx-knob::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-orange);cursor:pointer;border-radius:50%;width:12px;height:12px}.channel-strip{background:var(--bg-dark);border-radius:4px;align-items:center;gap:5px;padding:5px;display:flex}.gain-section{flex-direction:column;align-items:center;gap:2px;display:flex}.gain-section label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.volume-fader{-webkit-appearance:slider-vertical;background:var(--bg-input);cursor:pointer;outline:none;width:16px;height:90px}.vu-meter{border:1px solid var(--bg-input);background:#0a0a0e;border-radius:3px;width:20px;height:130px;position:relative;overflow:hidden}.vu-canvas{width:100%;height:100%;display:block}.vu-clip{z-index:2;background:#300;border-radius:2px 2px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.vu-clip.active{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.vu-peak-hold{background:var(--accent-green);z-index:2;height:2px;position:absolute;bottom:0;left:2px;right:2px}.pad-section{background:var(--bg-dark);border-radius:4px;padding:8px}.pad-mode-tabs{gap:2px;margin-bottom:6px;display:flex}.pad-mode-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:.3px;cursor:pointer;border-radius:2px;flex:1;padding:6px 0;font-size:11px;font-weight:700;transition:all .1s}.pad-mode-btn.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#8844ff1f}.pad-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:none}.pad-grid.active{display:grid}.pad{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;border-radius:3px;min-height:40px;padding:10px 0;font-size:17px;font-weight:700;transition:all .12s ease-out}.pad:hover{border-color:var(--border-light);background:var(--bg-raised);color:var(--text)}.pad:active{filter:brightness(1.3);transform:scale(.93)}.pad.set{border-color:var(--accent-a);color:var(--accent-a);background:#00c8ff1a;box-shadow:0 0 6px #00c8ff1a}.pad.set:hover{background:#00c8ff33;box-shadow:0 0 10px #00c8ff33}#deck-b .pad.set{border-color:var(--accent-b);color:var(--accent-b);background:#ff29521a;box-shadow:0 0 6px #ff29521a}#deck-b .pad.set:hover{background:#ff295233;box-shadow:0 0 10px #ff295233}.pad.roll-active{border-color:var(--accent-green);color:var(--accent-green);background:#00ff7f26;animation:.3s infinite alternate pad-pulse;box-shadow:0 0 8px #00ff7f33}.pad.slicer-active{border-color:var(--accent-yellow);color:var(--accent-yellow);background:#ffd00026;box-shadow:0 0 8px #ffd00033}.pad.sampler-loaded{border-color:var(--accent-purple);color:var(--accent-purple);background:#8844ff1a}.pad.sampler-loaded:hover{background:#84f3;box-shadow:0 0 8px #8844ff26}.pad.sampler-playing{background:var(--accent-purple);color:#fff;animation:.2s infinite alternate pad-pulse;box-shadow:0 0 12px #84f6}.pad.sampler-dragover{box-shadow:0 0 12px #00ff7f4d;border-color:var(--accent-green)!important;background:#00ff7f1a!important}@keyframes pad-pulse{0%{filter:brightness()}to{filter:brightness(1.2)}}.pad.padfx-active{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff880026}.loop-buttons{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.loop-btn,.loop-in-out{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:5px 0;font-size:11px;font-weight:700}.loop-btn:hover,.loop-in-out:hover{border-color:#444}.loop-btn.active{border-color:var(--accent-green);color:var(--accent-green);background:#00ff7f1a;box-shadow:0 0 6px #00ff7f26}.loop-in-out.set{border-color:var(--accent-green);color:var(--accent-green);background:#00ff7f1a}.loop-adjust{gap:2px;margin-top:2px;display:flex}.loop-adj-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:3px 0;font-size:11px;font-weight:700}.loop-adj-btn:hover{border-color:var(--border-light);color:var(--text)}.loop-exit-btn{color:var(--accent-orange);border-color:#320}.saved-loops{flex-wrap:wrap;gap:2px;margin-top:3px;display:flex}.saved-loop-btn{color:var(--accent-green);cursor:pointer;background:#00ff7f0d;border:1px solid #00ff7f33;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.saved-loop-btn:hover{background:#00ff7f26}.beat-fx-panel{background:var(--bg-dark);border-radius:4px;padding:5px}.beat-fx-select{gap:3px;margin-bottom:4px;display:flex}.fx-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:2px;outline:none;flex:1;padding:3px;font-size:11px;font-weight:600}.fx-select option{background:var(--bg-input);color:var(--text)}.beat-fx-controls{gap:5px;display:flex}.fx-channel{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.fx-channel label{color:var(--text-dim);letter-spacing:1px;font-size:11px;font-weight:700}.fx-depth-slider{-webkit-appearance:none;background:var(--bg-input);border-radius:3px;outline:none;width:100%;height:5px}.fx-depth-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-purple);cursor:pointer;border-radius:50%;width:10px;height:10px}.fx-beat-select{gap:2px;display:flex}.fx-beat-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 3px;font-size:11px;font-weight:700}.fx-beat-btn.active{border-color:var(--accent-purple);color:var(--accent-purple)}.fx-on-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:2px;padding:3px 14px;font-size:11px;font-weight:700}.fx-on-btn.active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple);animation:1.2s infinite alternate fx-glow;box-shadow:0 0 8px #8844ff4d}@keyframes fx-glow{0%{box-shadow:0 0 6px #84f3}to{box-shadow:0 0 14px #8844ff80}}.fx-chain-section{flex-wrap:wrap;align-items:center;gap:3px;margin-top:4px;display:flex}.chain-label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.fx-chain-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:2px 4px;font-size:11px;font-weight:700}.fx-chain-btn.active{border-color:var(--accent-purple);color:var(--accent-purple)}.xy-pad-section{text-align:center}.xy-pad-deck-select{justify-content:center;gap:3px;margin-bottom:3px;display:flex}.xy-deck-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 10px;font-size:11px;font-weight:700}.xy-deck-btn.active{border-color:var(--accent-a);color:var(--accent-a)}.xy-pad{background:var(--bg-dark);border:1px solid var(--border);cursor:crosshair;border-radius:4px;width:100%;height:110px;position:relative;overflow:hidden}.xy-pad canvas{width:100%;height:100%;display:block}.xy-cursor{border:2px solid var(--accent-a);pointer-events:none;width:12px;height:12px;box-shadow:0 0 8px var(--glow-a);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xy-label-x{color:var(--text-dim);letter-spacing:1px;pointer-events:none;font-size:11px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.xy-label-y{color:var(--text-dim);letter-spacing:1px;pointer-events:none;font-size:11px;position:absolute;top:50%;left:2px;transform:translateY(-50%)rotate(-90deg)}.crossfader-section{text-align:center}.cf-label{color:var(--text-dim);letter-spacing:2px;margin-bottom:2px;font-size:11px}.cf-curve-btns{justify-content:center;gap:2px;margin-bottom:3px;display:flex}.cf-curve{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 6px;font-size:11px}.cf-curve.active{border-color:var(--accent-a);color:var(--accent-a)}.crossfader{-webkit-appearance:none;background:linear-gradient(90deg,var(--accent-a),#333 35%,#333 65%,var(--accent-b));border-radius:4px;outline:none;width:100%;height:8px}.crossfader::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(#eee,#aaa);border-radius:3px;width:26px;height:16px;box-shadow:0 2px 6px #00000080}.cf-indicators{color:var(--text-dim);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.master-hp-row{justify-content:center;gap:8px;display:flex}.master-section,.booth-section{flex-direction:column;align-items:center;gap:3px;display:flex}.master-section label,.booth-section label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.master-fader{-webkit-appearance:slider-vertical;background:var(--bg-input);cursor:pointer;outline:none;width:16px;height:60px}.master-vu{width:22px;height:60px}.headphone-section{text-align:center}.hp-buttons{gap:2px;margin-bottom:3px;display:flex}.hp-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:3px;font-size:11px;font-weight:700}.hp-btn.active{border-color:var(--accent-yellow);color:var(--accent-yellow);background:#ffd0001a}.hp-mix,.hp-vol{align-items:center;gap:3px;margin-top:2px;display:flex}.hp-mix label,.hp-vol label{color:var(--text-dim);min-width:28px;font-size:11px}.hp-mix input,.hp-vol input{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;flex:1;height:4px}.hp-mix input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-yellow);cursor:pointer;border-radius:50%;width:8px;height:8px}.hp-vol input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-yellow);cursor:pointer;border-radius:50%;width:8px;height:8px}.beat-jump-section{text-align:center}.beat-jump-deck-select{justify-content:center;gap:2px;margin-bottom:3px;display:flex}.bj-deck-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:700}.bj-deck-btn.active{border-color:var(--accent-a);color:var(--accent-a)}.beat-jump-row{grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:2px;display:grid}.bj-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:4px 0;font-size:11px;font-weight:700}.bj-btn:hover{border-color:var(--border-light);color:var(--text)}.mic-section{text-align:center}.mic-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;margin-bottom:3px;padding:3px 12px;font-size:11px;font-weight:700}.mic-btn.active{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.mic-section input[type=range]{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;width:100%;height:4px}.mic-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-red);cursor:pointer;border-radius:50%;width:8px;height:8px}.talkover-label{color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;gap:3px;margin-top:2px;font-size:11px;display:flex}.talkover-label input{cursor:pointer;width:10px;height:10px}.setlist-section{flex:1;overflow:hidden}.setlist{max-height:50px;color:var(--text-dim);font-size:11px;overflow-y:auto}.setlist-entry{border-bottom:1px solid var(--bg-input);padding:1px 3px}.setlist-entry .time{color:var(--accent-green);font-family:var(--font-display);margin-right:4px;font-size:11px}.library-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:5px;max-height:220px;margin-top:4px;transition:max-height .3s;overflow:hidden}.library-panel.collapsed{max-height:28px}.library-header{background:var(--bg-control);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.library-actions{align-items:center;gap:3px;display:flex}.lib-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.lib-btn:hover{border-color:var(--border-light);color:var(--text)}.lib-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:1px 6px;font-size:18px}.library-panel.collapsed .lib-toggle{transform:rotate(180deg)}.library-lookup{align-items:center;gap:4px;padding:3px 10px;display:flex}.lib-url-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;flex:1;padding:5px 8px;font-size:18px;transition:border-color .2s}.lib-url-input:focus{border-color:var(--accent-purple)}.lib-url-input::placeholder{color:#444}.lib-lookup-btn{border-color:var(--accent-purple);color:var(--accent-purple);background:#8844ff1a;padding:4px 10px;font-size:17px;transition:all .2s}.lib-lookup-btn:hover{background:var(--accent-purple);color:#fff}.lib-lookup-btn:disabled{opacity:.4;cursor:not-allowed}.lib-lookup-status{color:var(--text-dim);white-space:nowrap;font-size:17px;transition:color .3s}.lib-lookup-status.success{color:var(--accent-green)}.lib-lookup-status.error{color:var(--accent-red)}.lib-lookup-status.loading{color:var(--accent-yellow);animation:1s infinite loading-text}.library-search{gap:4px;padding:3px 10px;display:flex}.library-search input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;flex:1;padding:4px 6px;font-size:18px}.library-search input:focus{border-color:var(--accent-a)}.lib-sort{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:2px;outline:none;padding:3px;font-size:11px}.library-table-wrap{max-height:140px;padding:0 10px;overflow-y:auto}.library-table{border-collapse:collapse;width:100%}.library-table th{text-align:left;color:var(--text-dim);letter-spacing:1px;border-bottom:1px solid var(--border);background:var(--bg-panel);cursor:pointer;padding:3px 5px;font-size:11px;position:sticky;top:0}.library-table th:hover{color:var(--text)}.library-table td{color:var(--text);border-bottom:1px solid var(--bg-input);padding:3px 5px;font-size:17px}.library-table tr:hover td{background:#ffffff08}.lib-row.draggable{cursor:grab}.lib-row.draggable:active{cursor:grabbing}.lib-row.lib-dragging td{opacity:.4}.lib-row.draggable td:first-child:before{content:"⠿ ";color:#333;font-size:18px}.lib-load-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700}.lib-load-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.lib-load-btn.b:hover{border-color:var(--accent-b);color:var(--accent-b)}.star-rating{gap:1px;display:inline-flex}.star{cursor:pointer;color:#333;font-size:18px;transition:color .1s}.star.filled,.star:hover{color:var(--accent-yellow)}.lib-suggest-btn{border-color:var(--accent-green);color:var(--accent-green);background:#00ff7f14;padding:4px 8px;font-size:11px;transition:all .2s}.lib-suggest-btn:hover{background:var(--accent-green);color:#000}.lib-suggest-btn.active{background:var(--accent-green);color:#000;font-weight:900}.lib-compat-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:4px;display:inline-block}.lib-compat-dot.green{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.lib-compat-dot.yellow{background:var(--accent-yellow);box-shadow:0 0 4px var(--accent-yellow)}.lib-waveform-preview{vertical-align:middle;background:#111;border-radius:2px;width:60px;height:16px;display:inline-block}.playlist-panel{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:6px 10px;display:flex}.playlist-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.playlist-actions{align-items:center;gap:4px;display:flex}.playlist-name-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;width:100px;padding:3px 6px;font-size:17px}.playlist-name-input:focus{border-color:var(--accent-a)}.playlist-load-select{max-width:120px}.playlist-drop-zone{border:1px dashed var(--border);border-radius:4px;min-height:32px;padding:4px;transition:border-color .2s,background .2s}.playlist-drop-zone.drag-over{border-color:var(--accent-a);background:#00c8ff0a}.playlist-empty{text-align:center;color:var(--text-dim);padding:6px 0;font-size:17px}.playlist-items{flex-direction:column;gap:2px;display:flex}.playlist-item{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:grab;border-radius:3px;align-items:center;gap:6px;padding:3px 6px;font-size:17px;transition:background .15s;display:flex}.playlist-item:active{cursor:grabbing}.playlist-item:hover{background:#ffffff0a}.playlist-item.pl-dragging{opacity:.35}.playlist-item .pl-num{color:var(--text-dim);text-align:right;min-width:14px;font-size:11px}.playlist-item .pl-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.playlist-item .pl-bpm{color:var(--accent-a);text-align:right;min-width:30px;font-size:11px}.playlist-item .pl-key{color:var(--accent-purple);text-align:center;min-width:24px;font-size:11px}.playlist-item .pl-remove{color:#555;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.playlist-item .pl-remove:hover{color:var(--accent-red)}.playlist-item .pl-load-a,.playlist-item .pl-load-b{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 4px;font-size:11px;font-weight:700}.playlist-item .pl-load-a:hover{border-color:var(--accent-a);color:var(--accent-a)}.playlist-item .pl-load-b:hover{border-color:var(--accent-b);color:var(--accent-b)}.playlist-flow{justify-content:center;align-items:center;height:12px;padding-left:20px;font-size:17px;font-weight:700;display:flex}.playlist-flow.flow-green{color:var(--accent-green)}.playlist-flow.flow-yellow{color:var(--accent-yellow)}.playlist-flow.flow-red{color:var(--accent-red)}.challenge-modal-card{background:linear-gradient(#131317,#101014);border-radius:10px;overflow:hidden;width:min(680px,100vw - 32px)!important}.challenge-hero{padding:4px 0 2px}.challenge-kicker{letter-spacing:2px;color:var(--accent-purple);margin-bottom:8px;font-size:11px}.challenge-theme-title{font-family:var(--font-display);color:#fff;letter-spacing:.02em;font-size:28px;font-weight:700;line-height:1.05}.challenge-weekline{color:#aaa;letter-spacing:.2px;margin-top:8px;font-size:14px}.challenge-description{color:#d4d4d8;max-width:56ch;margin-top:12px;font-size:16px;line-height:1.6}.challenge-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.challenge-meta-card{border:1px solid var(--border);background:#ffffff05;border-radius:8px;min-height:78px;padding:12px 14px}.challenge-meta-label{letter-spacing:1.5px;text-transform:uppercase;color:#83838c;margin-bottom:8px;font-size:11px}.challenge-meta-value{color:#fff;font-size:17px;font-weight:600;line-height:1.35}.challenge-meta-small{color:#d4d4d8;font-size:14px;font-weight:500}.challenge-context{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.challenge-context-block{border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:14px}.challenge-context-title{letter-spacing:1.8px;text-transform:uppercase;color:#b1b1b9;margin-bottom:10px;font-size:12px}.challenge-rule-list{color:#ddd;flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.55;display:flex}.challenge-winners{flex-direction:column;gap:8px;display:flex}.challenge-winner-row{color:#ddd;border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;display:flex}.challenge-winner-row:last-child{border-bottom:none;padding-bottom:0}.challenge-winner-row span:last-child{color:#a9a9b2;text-align:right}.challenge-empty-state{color:#7f7f87;padding:8px 0;font-size:14px}.challenge-entry{background:var(--bg-input);border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.challenge-rank{font-family:var(--font-display);color:var(--accent-a);text-align:center;flex-shrink:0;width:24px;font-size:18px;font-weight:700}.challenge-rank.gold{color:var(--accent-yellow,#ffd000)}.challenge-rank.silver{color:silver}.challenge-rank.bronze{color:#cd7f32}.challenge-entry-info{flex:1;min-width:0}.challenge-entry-title{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.challenge-entry-meta{color:var(--text-dim);margin-top:1px;font-size:17px}.challenge-upvote{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:18px;font-weight:700;transition:all .15s;display:flex}.challenge-upvote:hover{border-color:var(--accent-green);color:var(--accent-green)}.challenge-upvote.voted{border-color:var(--accent-green);color:var(--accent-green);background:#00ff7f1a}.challenge-upvote svg{fill:currentColor;width:10px;height:10px}.challenge-play{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;padding:4px 10px;font-size:14px;transition:all .12s}.challenge-play:hover{border-color:var(--accent-a);color:var(--accent-a)}.challenge-play.playing{border-color:var(--accent-a);color:var(--accent-a);background:#3d7a6a1a}.challenge-delete{color:var(--text-dim);cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;flex-shrink:0;padding:4px 8px;font-size:14px;transition:all .12s}.challenge-delete:hover{border-color:var(--accent-red);color:var(--accent-red);opacity:1}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.visible{display:flex}.modal{background:var(--bg-control);border:1px solid var(--border);border-radius:8px;width:320px;max-height:80vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);font-family:var(--font-display);letter-spacing:2px;color:var(--text);justify-content:space-between;align-items:center;padding:10px 14px;font-size:18px;font-weight:700;display:flex}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.profile-tab{font-family:var(--font-body);letter-spacing:1px;color:var(--text-dim);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:13px;font-weight:700;transition:all .12s}.profile-tab:hover{color:var(--text)}.profile-tab-active{color:var(--text-bright);border-bottom-color:var(--accent-a)}.profile-panel{max-height:50vh;overflow-y:auto}.pref-group{justify-content:space-between;align-items:center;gap:10px;display:flex}.pref-group label{color:var(--text);font-size:17px}.pref-group select,.pref-group input[type=color]{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px;font-size:18px}.pref-group input[type=color]{cursor:pointer;border:none;width:40px;height:24px;padding:0}.toggle{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-slider{border-color:var(--accent-green);background:#00ff7f33}.toggle input:checked+.toggle-slider:before{background:var(--accent-green);transform:translate(16px)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:100;pointer-events:none;background:#222;border-radius:3px;padding:3px 8px;font-size:17px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.welcome-overlay{background:var(--bg-dark);z-index:2000;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.welcome-overlay.hidden{opacity:0;pointer-events:none}.welcome-card{background:var(--bg-control);border:1px solid var(--border);text-align:center;border-radius:16px;width:400px;max-width:90vw;padding:40px 36px;box-shadow:0 20px 60px #0009}.welcome-logo{font-family:var(--font-display);letter-spacing:4px;background:linear-gradient(135deg,var(--accent-a),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:28px;font-weight:900}.welcome-sub{color:var(--text-dim);letter-spacing:2px;margin-bottom:28px;font-size:17px}.welcome-form{text-align:left;flex-direction:column;gap:14px;display:flex}.welcome-field{flex-direction:column;gap:4px;display:flex}.welcome-field label{color:var(--text);letter-spacing:.5px;font-size:17px;font-weight:600}.welcome-field .optional{color:var(--text-dim);font-size:17px;font-weight:400}.welcome-field input,.welcome-field select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);font-size:17px;font-family:var(--font-body);border-radius:6px;outline:none;padding:10px 12px;transition:border-color .2s}.welcome-field input:focus,.welcome-field select:focus{border-color:var(--accent-a)}.welcome-field input::placeholder{color:#444}.welcome-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.welcome-field select option{background:var(--bg-input);color:var(--text)}.welcome-start{background:linear-gradient(135deg,var(--accent-a),var(--accent-purple));color:#fff;letter-spacing:2px;cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:12px;font-size:17px;font-weight:700;transition:all .2s}.welcome-start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00c8ff4d}.welcome-start:disabled{opacity:.35;cursor:not-allowed}.welcome-footer{color:#444;letter-spacing:.5px;margin-top:16px;font-size:17px}.user-badge{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:6px;margin:0 8px;padding:3px 10px;transition:all .2s;display:none}.user-badge:hover{border-color:var(--accent-a);background:var(--bg-raised)}.user-badge.visible{display:flex}.user-avatar{background:linear-gradient(135deg,var(--accent-a),var(--accent-purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:18px;font-weight:900;display:flex}.user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:18px;font-weight:600;overflow:hidden}.user-level-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:700}.user-level-badge.professional{color:var(--accent-purple);background:#8844ff26;border:1px solid #8844ff4d}.user-level-badge.hobbyist{color:var(--accent-a);background:#00c8ff1f;border:1px solid #00c8ff40}.user-level-badge.newbie{color:var(--accent-green);background:#00ff7f1a;border:1px solid #00ff7f33}.modal-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);font-size:18px;font-family:var(--font-body);border-radius:4px;outline:none;width:100%;max-width:180px;padding:6px 10px}.modal-input:focus{border-color:var(--accent-a)}.shortcuts-bar{text-align:center;color:#333;letter-spacing:.3px;background:#06060a;border-top:1px solid #111118;padding:4px 14px;font-size:11px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.live-btn-off{color:var(--text-dim)}.live-btn-on{animation:1.5s infinite pulse-red;background:var(--accent-red)!important;color:#fff!important;border-color:var(--accent-red)!important}.live-modal{width:380px}.live-status-section{background:var(--bg-dark);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex}.live-indicator{align-items:center;gap:6px;display:flex}.live-dot{background:#333;border-radius:50%;flex-shrink:0;width:10px;height:10px}.live-dot.on{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red);animation:1s infinite pulse-red}#live-status-text{letter-spacing:2px;color:var(--text-dim);font-size:17px;font-weight:700}#live-status-text.on{color:var(--accent-red)}.live-timer{font-family:var(--font-display);color:var(--text-dim);font-size:18px}.live-timer.on{color:var(--accent-red)}.live-actions{margin:10px 0}.live-link-section{background:var(--bg-dark);border-radius:6px;margin-top:10px;padding:10px}.live-link-label{color:var(--text-dim);letter-spacing:1px;margin-bottom:6px;font-size:17px}.live-link-row{gap:4px;display:flex}.live-listeners{color:var(--text-dim);text-align:center;margin-top:6px;font-size:18px}.live-listeners span{color:var(--accent-green);font-weight:700;font-family:var(--font-display)}.live-track-display{background:var(--bg-dark);border-radius:6px;margin-top:8px;padding:8px}.live-now-text{color:var(--text);margin-top:3px;font-size:17px}.visualizer-overlay{z-index:4000;cursor:none;background:#000;display:none;position:fixed;inset:0}.visualizer-overlay.active{display:block}.visualizer-overlay:hover{cursor:default}.visualizer-overlay:hover .viz-controls{opacity:1}#viz-canvas{width:100%;height:100%;display:block}.viz-controls{opacity:0;z-index:2;background:linear-gradient(#0000,#000000d9);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;transition:opacity .4s;display:flex;position:absolute;bottom:0;left:0;right:0}.viz-brand{font-family:var(--font-display);background:linear-gradient(135deg,var(--accent-a),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;font-size:20px;font-weight:900}.viz-track-info{color:#fff9;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;overflow:hidden}.viz-mode-btns{flex-shrink:0;gap:3px;display:flex}.viz-mode-btn{color:#ffffff80;letter-spacing:1px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;padding:5px 10px;font-size:17px;font-weight:700;transition:all .2s}.viz-mode-btn:hover{color:#fff;background:#ffffff1f}.viz-mode-btn.active{border-color:var(--accent-a);color:var(--accent-a);background:#00c8ff26}.viz-settings{flex-shrink:0;align-items:center;gap:6px;display:flex}.viz-settings label{color:#fff6;letter-spacing:1px;font-size:11px}.viz-settings input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:60px;height:4px}.viz-settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-a);cursor:pointer;border-radius:50%;width:10px;height:10px}.viz-color-cycle{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700}.viz-color-cycle:hover{color:#fff}.viz-close{color:#ffffffb3;letter-spacing:1px;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;flex-shrink:0;padding:6px 16px;font-size:18px;font-weight:700;transition:all .2s}.viz-close:hover{color:#fff;background:#ffffff26}.viz-screenshot{color:#00ff7fb3;cursor:pointer;background:#00ff7f1a;border:1px solid #00ff7f4d;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700}.viz-screenshot:hover{color:#0f8;background:#00ff7f33}.stem-section{background:var(--bg-dark);border-radius:4px;padding:5px}.stem-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.stem-btn-group{gap:3px;display:flex}.stem-hd-btn{border:1px solid var(--accent-orange);color:var(--accent-orange);letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#ff880014,#ff323214);border-radius:3px;padding:4px 8px;font-size:11px;font-weight:900;transition:all .2s}.stem-hd-btn:hover{background:var(--accent-orange);color:#000;box-shadow:0 0 10px #ff88004d}.stem-hd-btn:disabled{opacity:.4;cursor:not-allowed}.stem-analyze-btn{border:1px solid var(--accent-purple);color:var(--accent-purple);letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#8844ff26,#00c8ff1a);border-radius:3px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.stem-analyze-btn:hover{background:var(--accent-purple);color:#fff;box-shadow:0 0 12px #8844ff4d}.stem-analyze-btn.active{background:var(--accent-green);border-color:var(--accent-green);color:#000}.stem-analyze-btn:disabled{opacity:.4;cursor:not-allowed}.stem-progress{margin:4px 0}.stem-progress-text{color:var(--accent-yellow);text-align:center;margin-top:2px;font-size:11px;animation:1s infinite loading-text}.stem-controls{flex-direction:column;gap:3px;display:flex}.stem-channel{background:var(--bg-input);border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:3px 4px;transition:border-color .2s;display:flex}.stem-channel.soloed{border-color:var(--accent-yellow)}.stem-channel.muted{opacity:.4}.stem-label{letter-spacing:.5px;text-align:center;border-radius:2px;flex-shrink:0;width:48px;padding:2px 4px;font-size:11px;font-weight:700}.stem-label.bass{color:#f55;background:#ff32321f}.stem-label.vocals{color:var(--accent-a);background:#00c8ff1f}.stem-label.drums{color:var(--accent-yellow);background:#ffd0001f}.stem-label.melody{color:var(--accent-green);background:#00ff7f1f}.stem-vol{-webkit-appearance:none;background:var(--bg-dark);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.stem-vol::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border-radius:50%;width:10px;height:10px}.stem-channel[data-stem=bass] .stem-vol::-webkit-slider-thumb{background:#f55}.stem-channel[data-stem=vocals] .stem-vol::-webkit-slider-thumb{background:var(--accent-a)}.stem-channel[data-stem=drums] .stem-vol::-webkit-slider-thumb{background:var(--accent-yellow)}.stem-channel[data-stem=melody] .stem-vol::-webkit-slider-thumb{background:var(--accent-green)}.stem-mute,.stem-solo{border:1px solid var(--border);background:var(--bg-dark);width:20px;height:20px;color:var(--text-dim);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;transition:all .15s;display:flex}.stem-mute:hover{border-color:var(--accent-red);color:var(--accent-red)}.stem-mute.active{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.stem-solo:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.stem-solo.active{background:var(--accent-yellow);color:#000;border-color:var(--accent-yellow)}.stem-remix-btn{border:1px solid var(--accent-orange);width:22px;height:20px;color:var(--accent-orange);cursor:pointer;background:#ff880014;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:900;transition:all .15s;display:flex}.stem-remix-btn:hover{background:var(--accent-orange);color:#000;box-shadow:0 0 8px #ff88004d}.stem-remix-btn.active{background:var(--accent-orange);color:#000}.stem-remix-drop{text-align:center;color:var(--accent-orange);letter-spacing:1px;border:2px dashed #ff88004d;border-radius:4px;margin-top:4px;padding:8px;font-size:11px;transition:all .2s;display:none}.stem-remix-drop.visible{display:block}.stem-remix-drop.dragover{border-color:var(--accent-orange);background:#ff88001a}.stem-remix-active{margin-top:3px}.stem-remix-tag{color:var(--accent-orange);background:#ff88001a;border:1px solid #ff88004d;border-radius:3px;align-items:center;gap:3px;margin:1px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.stem-remix-tag button{color:var(--accent-red);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px}.stem-channel[draggable=true]{cursor:grab}.stem-channel[draggable=true]:active{cursor:grabbing;opacity:.7}.auto-dj-btn{letter-spacing:1px;border-color:var(--accent-green)!important;color:var(--accent-green)!important;background:linear-gradient(135deg,#00ff7f1a,#00c8ff14)!important;font-weight:900!important}.auto-dj-btn:hover{background:var(--accent-green)!important;color:#000!important}.auto-dj-btn.active{animation:1.5s infinite alternate glow-green;background:var(--accent-green)!important;color:#000!important}.sc-section{margin-bottom:12px}.sc-label{color:var(--text-dim);letter-spacing:2px;border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:17px;font-weight:700}.sc-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.sc-row{color:var(--text);align-items:center;gap:8px;padding:4px 6px;font-size:18px;display:flex}.sc-row:hover{background:var(--bg-raised);border-radius:3px}.sc-key{background:var(--bg-dark);border:1px solid var(--border);font-family:var(--font-display);color:var(--accent-a);text-align:center;border-radius:3px;flex-shrink:0;min-width:24px;padding:2px 8px;font-size:17px;font-weight:700;display:inline-block}.adv-fx-row{background:var(--bg-dark);border-radius:4px;padding:4px}.adv-fx-toggle{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:4px;font-size:11px;font-weight:700;transition:all .15s}.adv-fx-toggle:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.adv-fx-toggle.active{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff88001a}.adv-fx-panel{padding:4px 0}.adv-fx-label{color:var(--text-dim);letter-spacing:1px;margin:4px 0 2px;font-size:11px;font-weight:700}.adv-fx-bands{gap:3px;display:flex}.adv-band{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.adv-band span{color:var(--text-dim);font-size:11px}.adv-band input{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;width:100%;height:4px}.adv-band input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-orange);cursor:pointer;border-radius:50%;width:8px;height:8px}.deck-pair-switcher{background:#080810;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:none}.deck-pair-switcher.visible{display:flex}.dps-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:5px 16px;font-size:17px;font-weight:700;transition:all .15s}.dps-btn.active{border-color:var(--accent-a);color:var(--accent-a);background:#00c8ff1a}.dps-btn[data-pair=cd].active{border-color:var(--accent-green);color:var(--accent-green);background:#00ff7f1a}.dps-status{color:var(--text-dim);margin-left:8px;font-size:11px}.more-menu-wrap{display:inline-block;position:relative}.more-menu-btn{letter-spacing:2px;padding:2px 8px!important;font-size:18px!important}.more-menu{background:var(--bg-control);border:1px solid var(--border);z-index:200;border-radius:6px;min-width:160px;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.more-menu.open{display:block}.more-item{width:100%;color:var(--text-dim);font-family:var(--font-body);letter-spacing:1px;text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;padding:10px 14px;font-size:18px;font-weight:600;transition:all .12s;display:block}.more-item:last-child{border-bottom:none}.more-item:hover{background:var(--bg-raised);color:var(--text)}.ghost-btn{transition:all .3s!important}.ghost-btn:active{transform:scale(.95);border-color:var(--accent-purple)!important;color:var(--accent-purple)!important;background:#8844ff4d!important}.ghost-btn.active{animation:1.5s infinite ghost-pulse;background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important}@keyframes ghost-pulse{0%,to{box-shadow:0 0 8px #8844ff4d}50%{box-shadow:0 0 20px #84f9}}.ghost-indicator{z-index:2500;border:1px solid var(--accent-purple);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#140a1ef2,#0a0514f2);border-radius:12px;min-width:280px;padding:12px 20px;position:fixed;top:50px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #8844ff4d}.ghost-status{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ghost-icon{font-size:18px}.ghost-text{font-family:var(--font-display);color:var(--accent-purple);letter-spacing:3px;font-size:17px;font-weight:700}.ghost-progress-text{color:var(--text-dim);font-size:17px}.ghost-progress{background:var(--bg-input);border-radius:2px;width:100%;height:4px;margin-bottom:8px;overflow:hidden}.ghost-progress-bar{background:linear-gradient(90deg,var(--accent-purple),var(--accent-a));border-radius:2px;width:0;height:100%;transition:width .3s}.ghost-takeback{color:#fff;letter-spacing:2px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:8px;font-size:17px;font-weight:700;transition:all .15s}.ghost-takeback:hover{background:#ffffff1f;box-shadow:0 0 12px #ffffff1a}.ghost-style-note{color:var(--text-dim);margin-top:6px;font-size:11px;font-style:italic}.ghost-exec-info{margin-bottom:8px}.ghost-exec-row{justify-content:space-between;padding:3px 0;font-size:18px;display:flex}.ghost-exec-label{color:var(--text-dim);letter-spacing:.5px}.ghost-exec-value{color:#fff;font-weight:600}.ghost-dna-link{color:#8844ff80;text-align:center;letter-spacing:1px;margin-bottom:6px;font-size:11px}.ghost-readiness{z-index:2400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0e12f5;border:1px solid #8844ff40;border-radius:10px;min-width:240px;padding:14px 18px;position:fixed;top:46px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.ghost-ready-title{font-family:var(--font-display);color:var(--accent-purple);letter-spacing:3px;text-align:center;margin-bottom:10px;font-size:18px}.ghost-ready-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:4px 0;font-size:18px;display:flex}.ghost-ready-row span:first-child{color:var(--text-dim)}.ghost-ready-row span:last-child{color:#fff;font-weight:600}.ghost-r-conf{font-weight:700!important}.ghost-ready-top{color:var(--text-dim);margin-top:8px;font-size:17px;font-style:italic;line-height:1.5}.ghost-ready-hint{color:#84f6;text-align:center;letter-spacing:1px;margin-top:8px;font-size:11px}.dna-empty{color:var(--text-dim);text-align:center;padding:20px 0;font-size:17px;font-style:italic}.dna-stats-grid{margin-top:10px}.dna-stat-row{border-top:1px solid var(--border);justify-content:space-between;padding:6px 0;font-size:17px;display:flex}.dna-stat-row span:first-child{color:var(--text-dim)}.dna-stat-row span:last-child{color:#fff;font-weight:600}.b2b-bar{background:linear-gradient(90deg,#8844ff0f,#00c8ff0f);border-bottom:1px solid #8844ff26;align-items:center;gap:8px;padding:6px 16px;display:none}.b2b-bar[style*="display: flex"],.b2b-bar[style*=display\:flex]{display:flex!important}.b2b-bar-deck{flex:1;min-width:0}.b2b-bar-yours{border-right:1px solid #8844ff26;padding-right:12px}.b2b-bar-label{color:#84f9;letter-spacing:2px;margin-bottom:2px;font-size:11px}.b2b-bar-track{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.b2b-bar-center{text-align:center;flex-shrink:0;padding:0 12px}.b2b-bar-sync{color:var(--accent-green);letter-spacing:2px;font-size:11px;font-weight:700}.b2b-bar-stats{color:var(--text-dim);margin-top:2px;font-size:17px}.b2b-bar-sep{color:var(--border);margin:0 4px}.b2b-status{background:var(--bg-dark);border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;display:flex}.b2b-dot{background:#333;border-radius:50%;flex-shrink:0;width:8px;height:8px}.b2b-dot.connected{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.b2b-dot.hosting{background:var(--accent-a);box-shadow:0 0 6px var(--accent-a);animation:.8s infinite pulse-sync}#b2b-status-text{letter-spacing:2px;color:var(--text-dim);font-size:18px;font-weight:700}#b2b-status-text.active{color:var(--accent-green)}.b2b-session-info{background:var(--bg-dark);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:8px;display:flex}.b2b-session-code{font-family:var(--font-display);color:var(--accent-a);letter-spacing:3px;text-align:center;flex:1;font-size:18px;font-weight:700}.b2b-peers{margin-bottom:8px}.b2b-peer{background:var(--bg-input);border-radius:4px;align-items:center;gap:6px;margin-bottom:3px;padding:4px 8px;font-size:18px;display:flex}.b2b-peer-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.b2b-peer-dot.deck-a{background:var(--accent-a)}.b2b-peer-dot.deck-b{background:var(--accent-b)}.b2b-peer-name{color:var(--text);flex:1}.b2b-peer-deck{color:var(--text-dim);font-size:17px;font-weight:700}.b2b-deck-assign{color:var(--text-dim);text-align:center;margin-bottom:6px;font-size:17px}.deck.b2b-locked{opacity:.5;pointer-events:none;position:relative}.deck.b2b-locked:after{content:"PARTNER DECK";color:var(--accent-purple);letter-spacing:2px;z-index:10;border:1px solid var(--accent-purple);background:#000000b3;border-radius:6px;padding:6px 14px;font-size:17px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.track-notes-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;float:right;border-radius:3px;margin-top:-22px;padding:2px 6px;font-size:18px;transition:all .15s}.track-notes-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.track-notes-btn.has-notes{color:var(--accent-yellow);border-color:#ffd0004d}.pad.set[data-cue-label]:after{content:attr(data-cue-label);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;display:block;overflow:hidden}.tutorial-overlay{z-index:3000;display:none;position:fixed;inset:0}.tutorial-overlay.active{display:block}.tutorial-overlay:before{content:"";z-index:1;background:#00000073;position:absolute;inset:0}.tutorial-spotlight{z-index:2;pointer-events:none;background:#ffffff0a;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 0 0 9999px #00000080}.tutorial-spotlight.circle{border-radius:50%}.tutorial-spotlight:after{content:"";border:2px solid var(--accent-a);border-radius:inherit;box-shadow:0 0 15px var(--accent-a),inset 0 0 15px #00c8ff14;animation:1.5s infinite spotlight-pulse;position:absolute;inset:-4px}@keyframes spotlight-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.tutorial-card{z-index:3;border:1px solid var(--accent-a);width:360px;max-width:90vw;box-shadow:0 16px 50px #000000b3,0 0 30px var(--glow-a);background:linear-gradient(#1a1a24,#121218);border-radius:14px;padding:22px 26px;animation:.3s ease-out card-enter;position:absolute}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-step-indicator{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.tutorial-step-dot{background:#333;border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial-step-dot.active{background:var(--accent-a);box-shadow:0 0 6px var(--accent-a)}.tutorial-step-dot.done{background:var(--accent-green)}.tutorial-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:1px;margin-bottom:10px;font-size:18px;font-weight:700}.tutorial-body{color:#ddd;margin-bottom:18px;font-size:17px;line-height:1.7}.tutorial-body strong{color:var(--accent-a);font-weight:700}.tutorial-body .key-hint{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim);font-size:18px;font-weight:700;font-family:var(--font-display);border-radius:3px;padding:1px 6px;display:inline-block}.tutorial-actions{justify-content:space-between;align-items:center;display:flex}.tutorial-skip{color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:18px;transition:color .2s}.tutorial-skip:hover{color:var(--text)}.tutorial-nav{gap:6px;display:flex}.tutorial-prev,.tutorial-next{letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:17px;font-weight:700;transition:all .2s}.tutorial-prev{background:var(--bg-input);color:var(--text-dim)}.tutorial-prev:hover{background:var(--bg-raised);color:var(--text)}.tutorial-prev:disabled{opacity:.3;cursor:not-allowed}.tutorial-next{background:linear-gradient(135deg,var(--accent-a),var(--accent-purple));color:#fff}.tutorial-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00c8ff4d}.tutorial-next.finish{background:linear-gradient(135deg,var(--accent-green),#0a5)}.stat-value{font-family:var(--font-display);color:var(--accent-a);letter-spacing:1px;font-size:17px}.undo-toast{background:var(--bg-control);border:1px solid var(--accent-a);color:var(--text-bright);font-family:var(--font-display);letter-spacing:1px;opacity:0;pointer-events:none;z-index:5000;white-space:nowrap;border-radius:6px;padding:8px 18px;font-size:17px;transition:opacity .25s;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.undo-toast.visible{opacity:1}.export-modal-body{flex-direction:column;gap:10px;display:flex}.export-format-btns{gap:6px;display:flex}.export-fmt-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);text-align:center;cursor:pointer;border-radius:6px;flex:1;padding:10px 8px;font-size:17px;font-weight:700;transition:all .2s}.export-fmt-btn:hover{border-color:var(--border-light);color:var(--text)}.export-fmt-btn.selected{border-color:var(--accent-a);color:var(--accent-a);background:#00c8ff0f}.export-fmt-btn .fmt-name{margin-bottom:2px;font-size:17px;display:block}.export-fmt-btn .fmt-desc{color:var(--text-dim);font-size:11px;font-weight:400;display:block}.export-progress{background:var(--bg-input);border-radius:3px;width:100%;height:6px;overflow:hidden}.export-progress-bar{background:linear-gradient(90deg,var(--accent-a),var(--accent-green));border-radius:3px;width:0;height:100%;transition:width .3s}.export-status{color:var(--text-dim);text-align:center;font-size:18px}.sync-status{color:var(--text-dim);align-items:center;gap:4px;font-size:17px;display:flex}.sync-dot{background:#333;border-radius:50%;width:5px;height:5px}.sync-dot.synced{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.sync-dot.syncing{background:var(--accent-yellow);animation:.8s infinite pulse-sync}.sync-dot.error{background:var(--accent-red)}@keyframes pulse-sync{0%,to{opacity:1}50%{opacity:.3}}@media (width<=1200px){.jog-wheel{width:130px;height:130px}.jog-inner{width:55px;height:55px}.mixer-center{width:180px;min-width:180px}}@media (width<=900px){html,body,#app{max-width:100vw;overflow-x:hidden}.controls-area{flex-direction:column;overflow:hidden}.mixer-center{width:100%;min-width:unset;max-height:unset;flex-flow:wrap;justify-content:center;gap:8px;overflow:hidden}.deck{max-width:100%;padding:8px;overflow:hidden}.spectrum-bar{height:35px}.waveform-display{height:70px}.mix-assist-panel{margin:2px 6px}.mix-assist-body{flex-direction:column}.ma-section{min-width:unset}}.mobile-deck-switcher,.mobile-crossfader{display:none}@media (width<=680px){html,body{width:100%;max-width:100vw;overflow-x:hidden}#app{max-width:100vw;padding:2px;overflow-x:hidden}.top-bar{flex-wrap:wrap;gap:4px;padding:4px 8px;overflow:hidden}.logo{letter-spacing:2px;font-size:17px}.model,.master-clock .label{display:none}.bpm-display{font-size:18px}.top-right{gap:4px}.top-btn{padding:2px 6px;font-size:11px}.user-badge{margin:0 2px;padding:2px 6px}.user-name,.user-level-badge,.rec-time{display:none}.phase-meter-bar{padding:2px 8px}.spectrum-bar{height:28px;padding:1px 4px}.waveform-overview{padding:1px 4px}.deck-waveform{height:24px}.waveforms-main{flex-direction:column;padding:1px 4px}.waveform-display{height:55px}.waveform-zoom-controls{flex-direction:row;padding:1px}.zoom-btn{padding:2px 4px;font-size:11px}.wave-info{gap:3px;padding:1px 4px}.deck-label{width:16px;height:16px;font-size:17px}.track-name{font-size:11px}.key-display{padding:1px 3px;font-size:11px}.key-controls{display:none}.time-display{font-size:11px}.key-compat{padding:1px;font-size:11px}.beat-grid-line{display:none}.controls-area{flex-direction:column;gap:3px;padding:3px;overflow:hidden}.deck{border-radius:6px;gap:4px;max-width:100%;padding:6px;overflow:hidden}.deck.deck-hidden{display:none!important}.mixer-center{width:100%;min-width:unset;max-width:100%;max-height:unset;border-radius:6px;gap:6px;padding:6px;overflow:hidden}.mobile-deck-switcher{border-radius:6px;order:-2;gap:0;width:100%;display:flex;overflow:hidden}.mds-tab{background:var(--bg-control);color:var(--text-dim);letter-spacing:2px;cursor:pointer;border:none;border-bottom:3px solid #0000;flex:1;padding:10px 0;font-family:Orbitron,monospace;font-size:17px;font-weight:700;transition:all .2s}.mds-tab:first-child{border-radius:6px 0 0 6px}.mds-tab:last-child{border-radius:0 6px 6px 0}.mds-tab.active[data-focus=a]{background:var(--bg-raised);color:var(--accent-a);border-bottom-color:var(--accent-a);box-shadow:0 0 12px var(--glow-a)}.mds-tab.active[data-focus=b]{background:var(--bg-raised);color:var(--accent-b);border-bottom-color:var(--accent-b);box-shadow:0 0 12px var(--glow-b)}.mixer-center .xy-pad-section,.mixer-center .headphone-section,.mixer-center .beat-jump-section,.mixer-center .mic-section,.mixer-center .setlist-section{display:none!important}.mobile-crossfader{z-index:90;background:var(--bg-panel);border-top:1px solid var(--border);padding:8px 12px 12px;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000080}.mobile-crossfader .crossfader-section{margin:0}.mobile-crossfader .cf-label{letter-spacing:2px;text-align:center;color:var(--text-dim);margin-bottom:4px;font-size:11px}.mobile-crossfader .crossfader{width:100%;height:12px}.mobile-crossfader .crossfader::-webkit-slider-thumb{width:36px;height:24px}.mobile-crossfader .cf-indicators{color:var(--text-dim);justify-content:space-between;margin-top:2px;padding:0 4px;font-size:17px;display:flex}.mobile-crossfader .cf-indicators span:first-child{color:var(--accent-a)}.mobile-crossfader .cf-indicators span:last-child{color:var(--accent-b)}.controls-area{padding-bottom:60px}.mix-assist-panel{margin:2px 4px;overflow:hidden}.mix-assist-body{flex-direction:column}.ma-section{min-width:unset}.deck-header .bpm-value{font-size:18px}.deck-id{font-size:17px}.load-btn{letter-spacing:1px;padding:5px;font-size:11px}.jog-wheel-container{margin:2px 0}.jog-wheel{width:110px;height:110px}.jog-inner{width:50px;height:50px}.jog-label{font-size:18px}.jog-dot{width:4px;height:4px;top:6px}.jog-modes .vinyl-btn,.jog-modes .slip-btn{padding:2px 6px;font-size:11px}.transport{gap:4px}.transport-btn{border-radius:6px;padding:10px 6px;font-size:17px}.play-btn{font-size:18px}.tempo-section{margin:0}.tempo-header{margin-bottom:2px}.tempo-range-btns{gap:1px}.range-btn{padding:1px 3px;font-size:11px}.tempo-slider{height:10px}.tempo-slider::-webkit-slider-thumb{width:18px;height:28px}.tempo-value{font-size:18px}.sync-row{gap:3px}.sync-btn,.master-btn{padding:6px 10px;font-size:17px}.eq-section{gap:4px;padding:4px}.knob-wrapper{width:28px;height:28px}.eq-knob-group label,.eq-val{font-size:11px}.eq-kill{padding:1px 4px;font-size:11px}.color-fx-section{padding:4px}.cfx-btn{padding:2px 0;font-size:11px}.channel-strip{gap:4px;padding:4px}.volume-fader{height:70px}.vu-meter{height:100px}.pad-section{padding:4px}.pad-mode-tabs{gap:1px;margin-bottom:3px}.pad-mode-btn{padding:4px 0;font-size:11px}.pad{border-radius:4px;min-height:40px;padding:12px 0;font-size:18px}.loop-buttons{gap:2px}.loop-btn,.loop-in-out{padding:8px 0;font-size:17px}.loop-adjust{gap:2px}.loop-adj-btn{padding:6px 0;font-size:17px}.beat-fx-panel{padding:4px}.fx-select{padding:4px;font-size:11px}.fx-on-btn{padding:6px 12px;font-size:17px}.xy-pad{height:80px}.crossfader{height:12px}.crossfader::-webkit-slider-thumb{width:32px;height:22px}.master-hp-row{gap:6px}.master-fader,.master-vu{height:50px}.hp-btn{padding:5px;font-size:17px}.bj-btn{padding:6px 0;font-size:17px}.mic-btn{padding:5px 10px;font-size:17px}.library-panel{border-radius:4px;max-width:100%;max-height:180px;margin-top:2px;overflow-x:hidden}.library-table-wrap{overflow-x:auto}.playlist-panel{max-width:100%;overflow-x:hidden}.library-header{padding:4px 8px}.library-search{padding:2px 8px}.library-search input{padding:5px;font-size:17px}.library-table td{padding:3px 4px;font-size:17px}.library-table th{font-size:11px}.lib-load-btn{padding:3px 8px;font-size:17px}.shortcuts-bar,.setlist-section,.beat-jump-section{display:none}.welcome-card{width:95vw;padding:24px 20px}.welcome-logo{font-size:22px}.welcome-field input,.welcome-field select{padding:12px;font-size:18px}.welcome-start{padding:14px;font-size:18px}}@media (width<=480px){.waveforms-main{gap:1px}.waveform-display{height:45px}.jog-wheel{width:90px;height:90px}.jog-inner{width:40px;height:40px}.jog-label{font-size:18px}.eq-section{flex-wrap:wrap}.knob-wrapper{width:24px;height:24px}.pad{min-height:36px;padding:10px 0;font-size:17px}.transport-btn{padding:12px 4px}.color-fx-section,.xy-pad-section,.headphone-section,.mic-section{display:none}}@media (pointer:coarse){.pad,.transport-btn{min-height:44px}.loop-btn,.loop-in-out,.loop-adj-btn,.bj-btn,.hp-btn,.sync-btn,.master-btn,.fx-on-btn{min-height:36px}.cfx-btn{min-height:32px}.range-btn{min-height:28px}.crossfader{height:14px}.crossfader::-webkit-slider-thumb{width:36px;height:26px}.tempo-slider{height:12px}.tempo-slider::-webkit-slider-thumb{width:20px;height:32px}}.social-divider{color:var(--text-dim);letter-spacing:2px;align-items:center;gap:12px;margin:18px 0 10px;font-size:18px;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--border);flex:1;height:1px}.social-login-buttons{flex-direction:column;gap:8px;display:flex}.social-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text);letter-spacing:.5px;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.social-btn .social-icon{flex-shrink:0}.google-btn:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.github-btn:hover{border-color:#84f;box-shadow:0 4px 12px #84f3}.cloud-auth-indicator{color:var(--accent-green);font-weight:600}.connected-dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 6px var(--accent-green);vertical-align:middle;border-radius:50%;margin-right:2px;display:inline-block}.export-action-btns{gap:8px;display:flex}.export-action-btns .welcome-start{flex:1}.share-btn{background:linear-gradient(135deg,var(--accent-green),#00a86b)!important}.share-btn:hover:not(:disabled){box-shadow:0 4px 16px #00ff7f4d!important}.share-btn:disabled{opacity:.35;cursor:not-allowed}.share-progress-wrap{flex-direction:column;gap:4px;display:flex}.share-status{color:var(--text-dim);text-align:center;font-size:18px}.my-mixes-panel{border-top:1px solid var(--border);padding:8px 10px}.my-mixes-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.my-mixes-list{flex-direction:column;gap:4px;max-height:160px;display:flex;overflow-y:auto}.my-mixes-empty{color:var(--text-dim);text-align:center;padding:12px;font-size:18px}.mix-item{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:18px;transition:border-color .15s;display:flex}.mix-item:hover{border-color:var(--accent-a)}.mix-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.mix-item-meta{color:var(--text-dim);flex-shrink:0;margin-left:8px}.mix-item-copy{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:1px;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700;transition:all .15s}.mix-item-copy:hover{border-color:var(--accent-a);color:var(--accent-a)}.share-tooltip{color:var(--text-dim);white-space:nowrap;pointer-events:none;opacity:0;background:#222;border-radius:4px;padding:4px 10px;font-size:17px;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.share-btn:hover .share-tooltip{opacity:1}@media (width<=680px) and (orientation:portrait){.landscape-hint{display:flex}}.landscape-hint{color:var(--text-dim);text-align:center;z-index:100;letter-spacing:1px;background:#000000d9;padding:6px;font-size:17px;display:none;position:fixed;bottom:0;left:0;right:0}.landscape-hint span{color:var(--accent-yellow)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes reaction-float{0%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-180px)scale(1.3)}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:3px;animation:1.5s infinite skeleton-shimmer}.skeleton-wave{z-index:4;pointer-events:none;align-items:flex-end;gap:2px;padding:20px 8px 8px;display:flex;position:absolute;inset:0}.skeleton-wave .skel-bar{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:1px;flex:1;min-width:2px;animation:1.5s infinite skeleton-shimmer}.bpm-value.skeleton,.key-display.skeleton{color:#0000;min-width:40px;min-height:14px}.stem-progress .skeleton-stems{flex-direction:column;gap:4px;padding:4px 0;display:flex}.skeleton-stems .skel-row{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:2px;height:12px;animation:1.5s infinite skeleton-shimmer}.feature-unavailable{opacity:.35;pointer-events:none;position:relative;cursor:not-allowed!important}.feature-unavailable-wrap{display:inline-block;position:relative}.feature-unavailable-wrap .feature-tooltip{color:var(--accent-yellow);white-space:nowrap;z-index:100;pointer-events:none;background:#222;border-radius:3px;padding:3px 8px;font-size:11px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.feature-unavailable-wrap:hover .feature-tooltip{display:block}.track-name.error-state,.stem-progress-text.error-state{color:var(--accent-red);animation:none}.export-retry-btn{background:var(--bg-raised);border:1px solid var(--accent-red);color:var(--accent-red);letter-spacing:1px;cursor:pointer;border-radius:3px;margin-top:4px;padding:4px 12px;font-size:17px;font-weight:700;transition:all .15s;display:none}.export-retry-btn:hover{background:var(--accent-red);color:#fff}.export-retry-btn.visible{display:inline-block}.sync-status .sync-offline{color:var(--accent-red);letter-spacing:1px;font-size:17px;font-weight:700}.sync-dot.offline{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.midi-status.hidden{display:none}.lib-notes-btn{color:var(--text-dim);cursor:pointer;opacity:.4;background:0 0;border:none;padding:2px 4px;font-size:18px;transition:opacity .15s}.lib-notes-btn:hover{opacity:1;color:var(--accent-a)}.lib-notes-btn.has-notes{opacity:.8;color:var(--accent-purple)}.deck-empty-hint{color:var(--text-dim);letter-spacing:1px;z-index:3;pointer-events:auto;text-align:center;opacity:.5;cursor:pointer;border:1px dashed #ffffff1a;border-radius:6px;padding:8px 16px;font-size:17px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck-empty-hint:hover{opacity:.8;border-color:var(--accent-a);color:var(--accent-a)}.mode-toggle{gap:1px;margin-right:8px;display:flex}.mode-btn{border:1px solid var(--border);font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);cursor:pointer;background:0 0;padding:5px 12px;font-size:17px;transition:all .15s}.mode-btn.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#8844ff26}.mode-dj{border-radius:4px 0 0 4px}.mode-vibe{border-radius:0 4px 4px 0}.vibe-mode{z-index:2000;color:#ddd;background:#0c0c10;flex-direction:column;font-size:18px;display:flex;position:fixed;inset:0;overflow:hidden}.vm-header{border-bottom:1px solid var(--border);background:#101014;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.vm-header-left{align-items:baseline;gap:10px;display:flex}.vm-logo{font-family:var(--font-display);color:#fff;letter-spacing:3px;font-size:18px;font-weight:900}.vm-logo-k{color:var(--accent-purple);font-size:17px}.vm-mode-label{color:var(--accent-purple);letter-spacing:3px;opacity:.7;margin-left:10px;font-size:17px}.vm-header-right{align-items:center;gap:8px;display:flex}.vm-scene-btn{border:1px solid var(--border-light);color:#aaa;cursor:pointer;letter-spacing:.8px;background:0 0;border-radius:4px;padding:8px 16px;font-size:17px;transition:all .12s}.vm-scene-btn:hover{color:#fff;border-color:#666}.vm-scene-active{background:#8844ff14;border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}.vm-new-set{border:1px solid var(--border-light);color:#aaa;cursor:pointer;letter-spacing:1px;background:0 0;border-radius:4px;padding:8px 16px;font-size:17px}.vm-new-set:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-take-control{color:#ccc;cursor:pointer;letter-spacing:1px;background:#ffffff0f;border:1px solid #fff3;border-radius:4px;padding:8px 16px;font-size:18px;font-weight:700}.vm-take-control:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59}.vm-arc-hero{border-bottom:1px solid var(--border);background:#0e0e12;padding:24px 28px 12px}.vm-arc-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.vm-now-label{letter-spacing:2px;color:var(--accent-purple);align-items:center;gap:8px;margin-bottom:8px;font-size:17px;display:flex}.vm-pulse-dot{background:var(--accent-purple);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite vm-pulse}@keyframes vm-pulse{0%,to{opacity:1}50%{opacity:.2}}.vm-now-track-row{align-items:center;gap:12px;display:flex}.vm-now-track{color:#fff;letter-spacing:-.01em;font-size:24px;font-weight:600}.vm-play-pause{border:1px solid var(--border-light);color:#ddd;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .12s;display:flex}.vm-play-pause:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-skip-btn{border:1px solid var(--border-light);color:#aaa;cursor:pointer;letter-spacing:1px;background:0 0;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:17px;transition:all .12s}.vm-skip-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#8844ff0f}.vm-now-meta{color:#bbb;margin-top:5px;font-size:18px}.vm-elapsed-wrap{text-align:right}.vm-elapsed{color:#fff;letter-spacing:-.02em;font-size:32px;font-weight:600;font-family:var(--font-display)}.vm-total{color:#999;margin-top:3px;font-size:17px}.vm-arc-svg-wrap{width:100%;height:160px;position:relative}.vm-arc-svg{width:100%;height:100%}.vm-rms-badge{letter-spacing:1px;font-size:11px;font-family:var(--font-body),monospace;color:var(--accent-purple);opacity:.3;transition:opacity .3s;position:absolute;top:4px;right:8px}.vm-waveform{width:100%;height:52px;margin-top:12px;display:block}.vm-arc-zone-band{fill:var(--accent-purple)}.vm-arc-zone-label{letter-spacing:1.4px;fill:#5f5f68;font-size:11px;font-family:var(--font-body),monospace}.vm-arc-peak-line{stroke:#8844ff52;stroke-width:1px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.vm-arc-peak-dot{fill:var(--accent-purple);stroke:#0e0e12;stroke-width:2px}.vm-arc-peak-label{letter-spacing:1.6px;fill:var(--accent-purple);font-size:11px;font-family:var(--font-body),monospace;font-weight:700}.vm-arc-moments-wrap{justify-content:space-between;align-items:flex-start;gap:18px;margin-top:12px;display:flex}.vm-arc-hint{color:#8d8d95;max-width:280px;font-size:12px;line-height:1.5}.vm-arc-moments{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;display:flex}.vm-arc-moment{border:1px solid var(--border-light);color:#ddd;text-align:left;cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;gap:3px;min-width:118px;padding:8px 10px;transition:all .12s;display:flex}.vm-arc-moment:hover{border-color:var(--accent-purple);color:#fff;background:#8844ff12}.vm-arc-moment-time{font-family:var(--font-display);color:var(--accent-purple);letter-spacing:.5px;font-size:12px}.vm-arc-moment-label{color:#ededf0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.vm-arc-moment-detail{color:#9797a0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.vm-arc-moment-empty{color:#7d7d84;padding:8px 0;font-size:13px}.vm-arc-event{cursor:pointer;transition:transform .12s}.vm-arc-event:hover{transform:scale(1.08)}.vm-arc-event-dot{stroke:#0c0c10;stroke-width:1.5px}.vm-arc-event.direction .vm-arc-event-dot{fill:var(--accent-purple)}.vm-arc-event.transition .vm-arc-event-dot{fill:var(--accent-green)}.vm-arc-event.energy .vm-arc-event-dot{fill:#9a9aa1}.vm-arc-event.go-back .vm-arc-event-dot{fill:var(--accent-yellow)}.vm-body{flex:1;grid-template-columns:1fr 240px;display:grid;overflow:hidden}.vm-left{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.vm-right{background:#0e0e12;flex-direction:column;gap:8px;padding:20px 16px;display:flex;overflow:hidden auto}.vm-section-label{letter-spacing:2px;color:#ccc;margin-bottom:12px;font-size:18px;font-weight:600}.vm-queue-section{flex:1;padding:20px 28px}.vm-queue-item{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:12px 0;transition:all .3s;display:flex}.vm-queue-shifted{animation:1.2s queue-shift-flash}@keyframes queue-shift-flash{0%{background:#6366f126}to{background:0 0}}.vm-qi-info{flex:1;min-width:0}.vm-qi-name{color:#ccc;font-size:17px;transition:color .3s}.vm-qi-reason{color:#999;margin-top:4px;font-size:18px;font-style:italic}.vm-qi-meta{color:#888;margin-top:3px;font-size:18px}.vm-queue-item.next .vm-qi-name{color:#fff;font-weight:500}.vm-queue-item.next .vm-qi-reason{color:#bbb}.vm-qi-num{color:#888;flex-shrink:0;margin-left:12px;font-size:17px}.vm-queue-item.next .vm-qi-num{color:var(--accent-purple);font-weight:700}.vm-qi-actions{opacity:0;flex-shrink:0;gap:4px;margin-left:8px;transition:opacity .15s;display:flex}.vm-queue-item:hover .vm-qi-actions{opacity:1}.vm-queue-item{cursor:grab}.vm-queue-item.dragging{opacity:.3;cursor:grabbing}.vm-queue-item.drag-over{border-top:2px solid var(--accent-purple)!important}.vm-qi-action{border:1px solid var(--border);color:#999;cursor:pointer;background:0 0;border-radius:3px;padding:3px 8px;font-size:18px;transition:all .12s}.vm-qi-action:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-qi-action.remove:hover{border-color:var(--accent-red);color:var(--accent-red)}.vm-qi-action.preview{color:var(--accent-green)}.vm-qi-action.preview:hover{border-color:var(--accent-green)}.vm-qi-score{color:var(--accent-purple);opacity:.8;margin-left:8px;font-size:11px;font-weight:600}.vm-qi-transition{color:var(--accent-a);letter-spacing:.3px;margin-top:2px;font-size:11px}.vm-qi-swap-list{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;margin-top:6px;padding:6px;display:none}.vm-qi-swap-list.show{display:block}.vm-qi-swap-item{color:#bbb;cursor:pointer;border-radius:3px;padding:5px 8px;font-size:17px;transition:background .1s}.vm-qi-swap-item:hover{color:#fff;background:#8844ff14}.vm-log-section{border-top:1px solid var(--border);flex:1;min-height:100px;padding:14px 28px;overflow-y:auto}.vm-log{color:#bbb;flex-direction:column;gap:2px;font-size:14px;display:flex}.vm-log-entry{border-bottom:1px solid var(--border);grid-template-columns:50px 1fr;align-items:baseline;gap:8px;padding:6px 0;display:grid}.vm-log-time{color:var(--accent-purple);font-family:var(--font-display);letter-spacing:.5px;font-size:12px}.vm-log-clickable{cursor:pointer;transition:background .1s}.vm-log-clickable:hover{background:#3d7a6a14}.vm-log-action{color:#eee;font-size:14px;font-weight:600}.vm-dir-goback{color:#888!important;border-style:dashed!important}.vm-dir-goback:hover{border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}.vm-log-tech{color:#888;margin-top:2px;font-size:13px;font-style:normal;display:block}.vm-pad-card{border:1px solid var(--border);background:#ffffff05;border-radius:8px;margin-bottom:4px;padding:14px}.vm-pad-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.vm-pad-title{color:#fff;letter-spacing:.01em;font-size:17px;font-weight:600}.vm-pad-copy{color:#9b9ba1;text-align:right;max-width:120px;font-size:13px;line-height:1.4}.vm-dir-pad{border:1px solid var(--border-light);cursor:crosshair;touch-action:none;background:linear-gradient(#8844ff14,#0000 42%),linear-gradient(90deg,#ffffff05,#ffffff0f,#ffffff05);border-radius:8px;height:172px;position:relative;overflow:hidden}.vm-dir-pad-grid{opacity:.5;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:50% 50%;position:absolute;inset:0}.vm-dir-pad:before,.vm-dir-pad:after{content:"";background:#ffffff1f;position:absolute}.vm-dir-pad:before{width:1px;top:0;bottom:0;left:50%;transform:translate(-.5px)}.vm-dir-pad:after{height:1px;top:50%;left:0;right:0;transform:translateY(-.5px)}.vm-dir-pad-axis{letter-spacing:1.6px;text-transform:uppercase;color:#9b9ba1;pointer-events:none;font-size:11px;position:absolute}.vm-dir-pad-axis span{background:#0a0a0ed1;border-radius:999px;padding:2px 6px}.vm-dir-pad-axis-x{justify-content:space-between;display:flex;bottom:10px;left:10px;right:10px}.vm-dir-pad-axis-y{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;top:10px;bottom:10px;right:10px}.vm-dir-pad-cursor{pointer-events:none;background:#8844ff47;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:left .12s,top .12s,box-shadow .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #8844ff1f}.vm-dir-pad:active .vm-dir-pad-cursor{box-shadow:0 0 0 10px #8844ff29}.vm-pad-status{color:#b8b8be;min-height:38px;margin-top:10px;font-size:13px;line-height:1.45}.vm-dir-emergency{color:#ffb5b5;border-color:#ff828252;margin-top:2px}.vm-dir-emergency:hover{color:#fff;background:#ff626214;border-color:#ff8d8d}.vm-dir-btn{border:1px solid var(--border-light);text-align:left;color:#ddd;cursor:pointer;letter-spacing:.5px;background:0 0;border-radius:4px;width:100%;padding:11px 14px;font-size:18px;transition:all .12s}.vm-dir-btn:hover{border-color:var(--accent-purple);color:#fff;background:#8844ff0a}.vm-dir-btn.flash{border-color:var(--accent-purple);color:var(--accent-purple);background:#8844ff1a}.vm-custom-wrap{gap:4px;min-width:0;margin-top:8px;display:flex}.vm-custom-input{background:var(--bg-panel);border:1px solid var(--border-light);color:#fff;border-radius:4px;outline:none;flex:1;min-width:0;padding:10px 12px;font-size:18px}.vm-custom-input::placeholder{color:#666}.vm-mic-btn{border:1px solid var(--border-light);cursor:pointer;color:#aaa;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:38px;transition:all .12s;display:flex}.vm-mic-btn:hover,.vm-mic-btn.active{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-send-btn{border:1px solid var(--border-light);letter-spacing:2px;color:#aaa;cursor:pointer;background:0 0;border-radius:4px;width:100%;margin-top:4px;padding:9px;font-size:18px;transition:all .12s}.vm-send-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-dir-undo{letter-spacing:1.5px;color:#ffc878b3;cursor:pointer;background:0 0;border:1px solid #ffc8784d;border-radius:4px;width:100%;margin-top:4px;padding:7px;font-size:12px;transition:all .12s}.vm-dir-undo:hover{color:#ffc878;border-color:#ffc87899}.vm-dir-history{color:#999;max-height:140px;margin-top:auto;padding-top:12px;font-size:18px;overflow-y:auto}.vm-dh-entry{padding:3px 0}.vm-dh-time{color:var(--accent-purple)}.vm-transition-flash{border-top:2px solid var(--accent-purple);opacity:0;pointer-events:none;background:#8844ff1f;padding:14px 28px;transition:opacity .3s,transform .3s;transform:translateY(4px)}.vm-transition-flash.show{opacity:1;transform:translateY(0)}.vm-tf-main{color:var(--accent-purple);letter-spacing:.5px;font-size:18px;font-weight:700}.vm-tf-detail{color:#bbb;margin-top:4px;font-size:18px}.vm-dir-btn.flash{transition:all .15s;transform:scale(1.03);border-color:var(--accent-purple)!important;color:#fff!important;background:#8844ff2e!important}.vm-prompt-overlay{z-index:2100;background:#0c0c10;flex-direction:column;display:flex;position:fixed;inset:0}.vm-prompt-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.vm-prompt-cancel{color:#ccc;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #4a4a50;border-radius:4px;padding:8px 16px;font-size:17px}.vm-prompt-phase,.vm-read-phase{flex-direction:column;flex:1;min-height:0;display:flex}.vm-read-phase{overflow:auto}.vm-prompt-center,.vm-read-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:48px;display:flex}.vm-read-center{justify-content:flex-start}.vm-prompt-q{color:#eee;letter-spacing:.3px;font-size:20px}.vm-prompt-input{background:var(--bg-panel);color:#fff;resize:none;border:1px solid #4a4a50;border-radius:8px;outline:none;width:100%;max-width:620px;min-height:110px;padding:22px 24px;font-family:inherit;font-size:17px;line-height:1.7}.vm-prompt-input::placeholder{color:#666}.vm-prompt-input:focus{border-color:#84f6}.vm-prompt-struct{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:620px;display:grid}.vm-struct-group{flex-direction:column;gap:6px;display:flex}.vm-struct-label{letter-spacing:1.4px;text-transform:uppercase;color:#91919a;font-size:11px}.vm-struct-select{border:1px solid var(--border-light);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;background:#ffffff08;border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.vm-struct-select:focus{border-color:var(--accent-purple)}.vm-prompt-mic{border:1px solid var(--border-light);color:#aaa;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:10px 20px;font-family:inherit;font-size:14px;transition:all .15s;display:flex}.vm-prompt-mic:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-prompt-mic.recording{color:#f44;border-color:#f44;animation:1s infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.5}}.vm-prompt-chips{flex-wrap:wrap;gap:10px;max-width:600px;display:flex}.vm-chip{border:1px solid var(--border-light);color:#bbb;cursor:pointer;letter-spacing:.6px;background:0 0;border-radius:6px;padding:10px 20px;font-size:18px;transition:all .12s}.vm-chip:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-idea-row{justify-content:center;align-items:center;gap:12px;width:100%;max-width:620px;margin-top:-8px;display:flex}.vm-idea-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:#8844ff1f;border:1px solid #8844ff73;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:14px;transition:all .12s}.vm-idea-btn:hover{border-color:var(--accent-purple);background:#84f3}.vm-idea-name{color:#9f9faa;letter-spacing:.6px;min-width:150px;font-size:13px}.vm-preset-row{flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:620px;display:flex}.vm-preset-save{border:1px solid var(--border-light);letter-spacing:1.6px;text-transform:uppercase;color:#d2d2d9;cursor:pointer;background:0 0;border-radius:6px;padding:10px 16px;font-size:13px;transition:all .12s}.vm-preset-save:hover{border-color:var(--accent-purple);color:#fff;background:#8844ff14}.vm-preset-list{flex-wrap:wrap;gap:8px;width:100%;display:flex}.vm-preset-chip{border:1px solid var(--border-light);color:#d7d7dd;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;border-radius:999px;max-width:100%;padding:8px 12px;font-size:13px;transition:all .12s;overflow:hidden}.vm-preset-chip:hover{border-color:var(--accent-purple);color:#fff;background:#8844ff14}.vm-preset-empty{color:#808088;font-size:13px}.vm-session-block{flex-direction:column;gap:10px;width:100%;max-width:620px;padding-top:2px;display:flex}.vm-session-title{letter-spacing:1.6px;text-transform:uppercase;color:#91919a;font-size:11px}.vm-session-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.vm-session-card{border:1px solid var(--border-light);color:#fff;text-align:left;cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .12s;display:flex}.vm-session-card:hover{border-color:var(--accent-purple);background:#8844ff0f}.vm-session-card-title{color:#f4f4f6;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.vm-session-card-meta{color:#b7b7be;font-size:12px}.vm-session-card-tags{color:#878790;font-size:12px;line-height:1.45}.vm-session-empty{color:#808088;font-size:13px}.vm-prompt-go{background:var(--accent-purple);letter-spacing:2px;color:#fff;cursor:pointer;border:none;border-radius:6px;padding:14px 40px;font-size:18px;font-weight:700}.vm-prompt-go:hover{opacity:.85}.vm-read-card{border:1px solid var(--border-light);background:var(--bg-panel);border-radius:8px;width:100%;max-width:560px;padding:28px}.vm-read-label{letter-spacing:2px;color:var(--accent-purple);margin-bottom:16px;font-size:17px;font-weight:600}.vm-read-text{color:#ddd;font-size:18px;line-height:1.85}.vm-read-text strong{color:#fff;font-weight:600}.vm-read-params{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:16px;display:grid}.vm-read-edit-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding-top:16px;display:grid}.vm-read-edit-group{flex-direction:column;gap:4px;display:flex}.vm-read-edit-label{letter-spacing:1px;color:#888;text-transform:uppercase;font-size:12px}.vm-read-edit-row{align-items:center;gap:8px;display:flex}.vm-read-slider{accent-color:var(--accent-purple);cursor:pointer;flex:1;height:4px}.vm-read-edit-val{color:#fff;text-align:right;min-width:50px;font-size:15px;font-weight:700}.vm-read-select{background:var(--bg-input);border:1px solid var(--border-light);color:#fff;font-family:var(--font-body);cursor:pointer;border-radius:4px;outline:none;padding:6px 10px;font-size:14px}.vm-read-select:focus{border-color:var(--accent-purple)}.vm-read-pk{color:#999;letter-spacing:1px;font-size:18px}.vm-read-pv{color:#fff;margin-top:4px;font-size:17px}.vm-read-tracks-label{letter-spacing:2px;color:#aaa;border-top:1px solid var(--border);margin:16px 0 12px;padding-top:16px;font-size:18px;font-weight:600}.vm-read-track{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:5px;padding:11px 14px;font-family:inherit;transition:all .12s;display:flex}.vm-read-track:hover{background:#8844ff0f;border-color:#8844ff73}.vm-read-track.first,.vm-read-track.selected{border-color:var(--accent-purple);background:#8844ff1a}.vm-opener-surprise{border-style:dashed}.vm-rt-name{color:#fff;font-size:17px}.vm-rt-why{color:#999;margin-top:4px;font-size:17px}.vm-rt-bpm{color:var(--accent-purple);flex-shrink:0;margin-left:12px;font-size:18px}.vm-read-empty{color:#777;padding:8px 0;font-size:13px;font-style:italic}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.vm-energy-curve-section{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.vm-energy-curve-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.vm-energy-curve-reset{border:1px solid var(--border);color:#aaa;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:3px;padding:4px 10px;font-family:inherit;font-size:11px}.vm-energy-curve-reset:hover{color:#fff;border-color:var(--accent-purple,#84f)}.vm-energy-curve{border:1px solid var(--border);background:#ffffff05;border-radius:6px;width:100%;height:110px;overflow:hidden}.vm-curve-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.vm-curve-grid{stroke:#ffffff14;stroke-width:1px;stroke-dasharray:2 4}.vm-curve-line{fill:none;stroke:var(--accent-purple,#84f);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.vm-curve-fill{fill:#8844ff1f}.vm-curve-handle{cursor:grab;outline:none}.vm-curve-handle:focus-visible .vm-curve-handle-dot{stroke:#fff;stroke-width:2px}.vm-curve-handle-hit{fill:#0000}.vm-curve-handle-dot{fill:var(--accent-purple,#84f);stroke:#ffffffb3;stroke-width:1.5px;transition:r .1s}.vm-curve-handle:hover .vm-curve-handle-dot{r:8}.vm-curve-handle-active{cursor:grabbing}.vm-curve-handle-active .vm-curve-handle-dot{fill:#fff;r:8}.vm-curve-handle-label{fill:#bbb;font-size:11px;font-family:var(--font-display,monospace);letter-spacing:.5px;pointer-events:none}.vm-pinned-section{margin-top:18px}.vm-pinned-hint{color:#777;letter-spacing:.5px;text-transform:none;margin-top:4px;font-size:11px;font-weight:400;display:block}.vm-pinned-chips{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.vm-pinned-chip{border:1px solid var(--border);background:#8844ff0f;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.vm-pinned-chip-clash{background:#ffaa000d;border-color:#ffaa0073}.vm-pinned-chip-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vm-pinned-chip-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.vm-pinned-chip-meta{color:#999;font-size:13px}.vm-pinned-clash{color:var(--accent-yellow,#fa0);letter-spacing:.5px;margin-top:3px;font-size:11px}.vm-pinned-chip-x{border:1px solid var(--border);color:#aaa;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:flex}.vm-pinned-chip-x:hover{color:#fff;border-color:var(--accent-purple,#84f)}.vm-pinned-search-wrap{align-items:center;gap:8px;display:flex}.vm-pinned-zone{background:var(--bg-input);border:1px solid var(--border-light);color:#fff;font-family:var(--font-body);cursor:pointer;border-radius:4px;outline:none;flex-shrink:0;max-width:50%;padding:8px 10px;font-size:13px}.vm-pinned-zone:focus{border-color:var(--accent-purple)}.vm-pinned-search{background:var(--bg-input);border:1px solid var(--border-light);color:#fff;font-family:var(--font-body);border-radius:4px;outline:none;flex:1;padding:8px 10px;font-size:14px}.vm-pinned-search:focus{border-color:var(--accent-purple)}.vm-pinned-search:disabled{opacity:.5;cursor:not-allowed}.vm-pinned-results{flex-direction:column;gap:4px;max-height:220px;margin-top:6px;display:none;overflow-y:auto}.vm-pinned-results.open{display:flex}.vm-pinned-result{border:1px solid var(--border);text-align:left;cursor:pointer;color:#fff;background:#ffffff05;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;transition:all .12s;display:flex}.vm-pinned-result:hover{background:#8844ff0f;border-color:#8844ff73}.vm-pinned-result-name{text-overflow:ellipsis;white-space:nowrap;margin-right:10px;font-size:14px;overflow:hidden}.vm-pinned-result-meta{color:var(--accent-purple);flex-shrink:0;font-size:13px}.vm-opener-locked{cursor:default}.vm-opener-locked:hover{border-color:var(--accent-purple);background:#8844ff1a}.vm-pinned-unlock{border:1px solid var(--border-light);color:#bbb;cursor:pointer;letter-spacing:1px;background:0 0;border-radius:4px;flex-shrink:0;margin-left:12px;padding:6px 12px;font-family:inherit;font-size:12px}.vm-pinned-unlock:hover{color:#fff;border-color:var(--accent-purple)}.vm-read-btns{gap:12px;margin-top:20px;display:flex}.vm-read-confirm{background:var(--accent-purple);letter-spacing:2px;color:#fff;cursor:pointer;border:none;border-radius:6px;padding:14px 36px;font-size:18px;font-weight:700}.vm-read-back{letter-spacing:1px;color:#ccc;cursor:pointer;background:0 0;border:1px solid #4a4a50;border-radius:6px;padding:14px 22px;font-size:18px}.worker-warning{color:var(--accent-yellow);padding:2px 6px;font-size:11px;display:none}.worker-warning.visible{display:block}.mic-denied-msg{color:var(--accent-red);padding:2px 6px;font-size:11px;display:none}.mic-denied-msg.visible{display:block}.idb-warning{color:var(--accent-yellow);padding:2px 4px;font-size:11px;display:none}.idb-warning.visible{display:inline-block}.grid-edit-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:2px;margin-left:4px;padding:1px 5px;font-size:11px;font-weight:700}.grid-edit-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.grid-edit-panel{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;flex-wrap:wrap;align-items:center;gap:3px;margin-top:4px;padding:4px 6px;display:flex}.grid-bpm-input{background:var(--bg-dark);border:1px solid var(--border);color:#fff;width:65px;font-size:17px;font-family:var(--font-display);text-align:center;border-radius:2px;padding:2px 4px}.grid-sm-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:.5px;border-radius:2px;padding:2px 5px;font-size:11px;font-weight:700}.grid-sm-btn:hover{border-color:var(--border-light);color:#fff}.grid-sm-btn.grid-save{border-color:var(--accent-green);color:var(--accent-green)}.grid-sm-btn.grid-cancel{border-color:var(--accent-red);color:var(--accent-red)}.sampler-chop-bar{grid-column:1/-1;justify-content:center;padding:2px 0;display:flex}.chop-btn{letter-spacing:1px;padding:2px 10px;font-size:11px}.smart-playlist-form{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;display:flex}.smart-row{align-items:center;gap:4px;display:flex}.smart-row label{color:var(--text-dim);letter-spacing:1px;min-width:50px;font-size:11px;font-weight:700}@media (width<=900px){.challenge-context{grid-template-columns:1fr}.vm-prompt-struct{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-session-list{grid-template-columns:1fr}.vm-arc-moments-wrap{flex-direction:column}.vm-arc-moments{justify-content:flex-start}}@media (width<=640px){.challenge-modal-card{width:min(100vw - 18px,680px)!important}.challenge-theme-title{font-size:22px}.challenge-meta-grid{grid-template-columns:1fr}.vm-prompt-center,.vm-read-center{padding:28px 18px}.vm-prompt-struct{grid-template-columns:1fr}.vm-idea-row{flex-direction:column;align-items:stretch}.vm-preset-row{align-items:stretch}}[data-theme=te] body{font-family:var(--font-body);overflow:hidden}[data-theme=te] #app{--te-mixer-w:244px;--te-bottom-h:156px;grid-template-rows:48px 1fr var(--te-bottom-h);grid-template-columns:1fr var(--te-mixer-w) 1fr;grid-template-areas:"topbar topbar topbar""deck-a mixer deck-b""bottom bottom bottom";max-width:100%;height:100vh;margin:0;padding:0;display:grid;overflow:hidden}[data-theme=te] #app.fullscreen-mode{grid-template-rows:48px 0 1fr 0}[data-theme=te] .top-bar{border-bottom:1px solid var(--border);background:var(--bg-dark);border-radius:0;grid-area:topbar;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}[data-theme=te] .display-zone{display:none}[data-theme=te] .controls-area{display:contents}[data-theme=te] #deck-a{border-right:1px solid var(--border);grid-area:deck-a;overflow:hidden auto}[data-theme=te] .mixer-center{width:var(--te-mixer-w);background:var(--bg-dark);grid-area:mixer;max-height:none;padding:0;overflow:hidden auto}[data-theme=te] #deck-b{border-left:1px solid var(--border);grid-area:deck-b;overflow:hidden auto}[data-theme=te] .te-bottom-panel{border-top:1px solid var(--border);grid-area:bottom;grid-template-columns:44px 1fr;display:grid;overflow:hidden}[data-theme=te] .key-compat,[data-theme=te] .deck-pair-switcher,[data-theme=te] .b2b-bar,[data-theme=te] .mobile-deck-switcher,[data-theme=te] .shortcuts-bar,[data-theme=te] .landscape-hint,[data-theme=te] .phase-meter-bar,[data-theme=te] .set-arc-bar,[data-theme=te] .spectrum-bar,[data-theme=te] .waveform-overview,[data-theme=te] .mix-assist-panel,[data-theme=pro] .te-bottom-panel,[data-theme=pro] .te-deck-tabs,[data-theme=pro] .beat-dots{display:none!important}[data-theme=pro] .display-zone{display:contents}[data-theme=te] .top-bar .logo{font-family:var(--font-display);letter-spacing:.28em;color:var(--text-bright);-webkit-text-fill-color:var(--text-bright);background:0 0;align-items:baseline;gap:5px;font-size:15px;font-weight:700;display:flex}[data-theme=te] .top-bar .logo-kanji{color:var(--accent-a);-webkit-text-fill-color:var(--accent-a);letter-spacing:0;font-size:16px}[data-theme=te] .user-badge{display:none}[data-theme=te] .master-clock{align-items:baseline;gap:3px;display:flex}[data-theme=te] .master-clock .label{letter-spacing:.22em;color:var(--text-dim);font-size:11px}[data-theme=te] .master-clock .bpm-display{letter-spacing:-.02em;color:var(--text-bright);font-size:18px;font-weight:700}[data-theme=te] .tap-btn{display:none}[data-theme=te] .top-right{align-items:center;gap:8px;display:flex}[data-theme=te] .top-btn{font-family:var(--font-body);letter-spacing:.16em;border-radius:0;padding:5px 10px;font-size:11px}[data-theme=te] .top-btn:hover{border-color:var(--border-light);color:var(--text)}[data-theme=te] .top-btn.active{background:var(--text-bright);color:var(--bg-dark);border-color:var(--text-bright)}[data-theme=te] .mode-toggle{margin-right:4px}[data-theme=te] .mode-btn{font-family:var(--font-body);letter-spacing:.22em;border-radius:0;padding:6px 14px;font-size:11px}[data-theme=te] .mode-btn.active{background:var(--text-bright);color:var(--bg-dark);border-color:var(--text-bright)}[data-theme=te] .rec-btn{border-radius:0}[data-theme=te] .recording-controls{align-items:center;gap:4px;display:flex}[data-theme=te] .recording-controls .rec-time{letter-spacing:.18em;color:var(--text-dim);font-size:11px}[data-theme=te] .more-menu{border-radius:0}[data-theme=te] #prefs-btn{padding:4px 9px;font-size:12px}[data-theme=te] .notif-btn{font-size:11px}[data-theme=te] .midi-status,[data-theme=te] .sync-status{letter-spacing:.18em;color:var(--text-dim);font-size:11px}[data-theme=te] .worker-warning,[data-theme=te] .idb-warning{letter-spacing:.08em;font-size:11px}[data-theme=te] .more-menu-btn{letter-spacing:.18em;padding:4px 9px!important;font-size:12px!important}[data-theme=te] .more-menu{box-shadow:none;min-width:176px}[data-theme=te] .more-item{letter-spacing:.16em;background:var(--bg-dark);padding:8px 12px;font-size:11px;font-weight:700}[data-theme=te] .more-item:hover{background:var(--sfh);color:var(--text-bright)}[data-theme=te] .notif-dropdown{box-shadow:none;background:var(--bg-dark);border-radius:0}[data-theme=te] .deck{background:var(--bg-dark);border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}[data-theme=te] .deck.deck-dragover{outline:2px solid var(--accent-a);outline-offset:-2px;background:#3d7a6a0d}.deck.deck-dragover .deck-header-track:after{content:" — drop to load";color:var(--accent-a);font-weight:400}[data-theme=te] .deck-header{background:var(--sfh);border-bottom:1px solid var(--border);border-radius:0;flex-direction:column;gap:2px;height:auto;padding:7px 12px 5px;display:flex}[data-theme=te] .deck-header-row1{grid-template-columns:minmax(58px,auto) auto auto 1fr auto;align-items:center;gap:8px;width:100%;min-height:22px;display:grid}[data-theme=te] .deck-id{letter-spacing:.28em;color:var(--accent-a);font-size:11px;font-weight:700}[data-theme=te] .bpm-value{color:var(--text-bright);font-size:12px}[data-theme=te] .bpm-label{letter-spacing:.18em;font-size:11px}[data-theme=te] .deck-key{color:var(--accent-a);border:1px solid var(--border);margin-left:auto;padding:1px 5px;font-size:11px;font-weight:700}[data-theme=te] .deck-header-track{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;width:100%;min-height:18px;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden}[data-theme=te] .track-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}[data-theme=te] .section-label{letter-spacing:.18em;color:var(--text-dim);margin-bottom:3px;font-size:11px}[data-theme=te] .deck .load-track-btn{height:24px;font-size:11px}[data-theme=te] .grid-edit-btn{letter-spacing:.16em;border-radius:0;padding:2px 5px;font-size:11px}[data-theme=te] .grid-bpm-input,[data-theme=te] .grid-sm-btn{border-radius:0;font-size:11px}[data-theme=te] .load-section{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:1px;padding:6px 10px 4px;display:grid}[data-theme=te] .load-btn{background:var(--sf);border:1px dashed var(--border);color:var(--text-dim);letter-spacing:.18em;border-radius:0;padding:7px 4px;font-size:11px;font-weight:700;line-height:1.1}[data-theme=te] .track-notes-btn{float:none;background:var(--sf);border-radius:0;justify-content:center;align-items:center;margin-top:0;padding:0 8px;font-size:12px;display:flex}[data-theme=te] .tempo-section,[data-theme=te] .eq-section{padding:6px 10px}[data-theme=te] .color-fx-section,[data-theme=te] .channel-strip{padding:5px 10px}[data-theme=te] .pad-section,[data-theme=te] .loop-section,[data-theme=te] .stem-section,[data-theme=te] .adv-fx-panel{padding:6px 10px}[data-theme=te] .jog-wheel-container{background:var(--bg-dark);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:12px 0 9px;display:flex}[data-theme=te] .jog-wheel{border:1px solid var(--border);background:var(--sf);box-shadow:none;border-radius:50%;width:120px!important;height:120px!important}[data-theme=te] .jog-wheel.playing{border-color:var(--accent-a)}[data-theme=te] .jog-inner{border:1px solid var(--border);background:var(--sfh);width:72px;height:72px}[data-theme=te] .jog-label{letter-spacing:.18em;color:var(--text-dim);font-size:11px}[data-theme=te] .jog-dot{border-radius:0;width:3px;height:9px;top:4px}[data-theme=te] .jog-modes{gap:1px;margin-top:3px}[data-theme=te] .vinyl-btn,[data-theme=te] .slip-btn{letter-spacing:.16em;border-radius:0;padding:2px 8px;font-size:11px}[data-theme=te] .transport{grid-template-columns:1fr 1.6fr 1fr;gap:1px;padding:7px 10px 6px;display:grid}[data-theme=te] .transport button{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--border);background:var(--sf);color:var(--text-dim);box-shadow:none;border-radius:0;min-height:34px;padding:9px 4px;font-size:11px}[data-theme=te] .transport button:hover{border-color:var(--border-light);color:var(--text)}[data-theme=te] .transport button.active{background:var(--accent-a);border-color:var(--accent-a);color:var(--bg-dark);font-weight:700}[data-theme=te] .cue-btn,[data-theme=te] .play-btn{border-width:1px}[data-theme=te] .play-btn.active{box-shadow:none;animation:none}[data-theme=te] .tempo-label,[data-theme=te] .eq-knob-group label,[data-theme=te] .gain-section label{letter-spacing:.16em;font-size:11px}[data-theme=te] .tempo-value{color:var(--text-bright);font-size:13px}[data-theme=te] .tempo-slider{background:var(--border);border-radius:0;height:2px}[data-theme=te] .range-btn{letter-spacing:.12em;padding:2px 4px;font-size:11px}[data-theme=te] .sync-btn,[data-theme=te] .master-btn{letter-spacing:.16em;border-radius:0;padding:4px 8px;font-size:11px}[data-theme=te] .eq-section{background:0 0;border-radius:0;gap:8px;padding:6px 10px}[data-theme=te] .knob-wrapper{width:28px;height:28px}[data-theme=te] .knob-wrapper.small{width:24px;height:24px}[data-theme=te] .rotary-knob{background:var(--sf);border:1px solid var(--border);box-shadow:none;border-radius:50%}[data-theme=te] .rotary-knob:after{background:var(--text-bright);height:7px;top:2px}[data-theme=te] .knob-wrapper.small .rotary-knob:after{height:5px}[data-theme=te] .eq-val{font-size:11px}[data-theme=te] .eq-kill{font-family:var(--font-body);letter-spacing:.14em;border-radius:0;padding:2px 4px;font-size:11px}[data-theme=te] .eq-kill.active{transition:none;background:var(--text-bright)!important;color:var(--bg-dark)!important;border-color:var(--text-bright)!important}[data-theme=te] .color-fx-section,[data-theme=te] .channel-strip,[data-theme=te] .pad-section,[data-theme=te] .loop-section,[data-theme=te] .stem-section,[data-theme=te] .beat-fx-panel,[data-theme=te] .setlist-section{border-top:1px solid var(--border);background:0 0;border-radius:0}[data-theme=te] .cfx-btn{border-radius:0;padding:3px 0;font-size:11px}[data-theme=te] .color-fx-knob{background:var(--border);border-radius:0;height:2px}[data-theme=te] .channel-strip{gap:8px}[data-theme=te] .volume-fader{width:14px;height:78px}[data-theme=te] .vu-meter{background:var(--sf);border-color:var(--border);border-radius:0;width:16px;height:96px}[data-theme=te] .pad-section{border-radius:0;padding:6px 10px}[data-theme=te] .pad-mode-tabs{gap:1px;margin-bottom:4px}[data-theme=te] .hotcue-pad{font-family:var(--font-body);border-radius:0;min-height:32px;font-size:11px}[data-theme=te] .hotcue-pad.set{border-color:var(--accent-a);color:var(--accent-a);background:var(--sfh)}[data-theme=te] .hotcue-pad.active{background:var(--accent-a);color:var(--bg-dark);border-color:var(--accent-a);font-weight:700}[data-theme=te] .pad-grid{gap:1px}[data-theme=te] .pad{border-radius:0;min-height:32px;padding:8px 0;font-size:11px}[data-theme=te] .pad-mode-btn{font-family:var(--font-body);letter-spacing:.12em;border-radius:0;padding:5px 0;font-size:11px}[data-theme=te] .pad-mode-btn.active{background:var(--text-bright);color:var(--bg-dark);border-color:var(--text-bright)}[data-theme=te] .loop-section{border-radius:0;padding:6px 10px}[data-theme=te] .loop-buttons{gap:1px}[data-theme=te] .loop-btn,[data-theme=te] .loop-in-out,[data-theme=te] .loop-adj-btn,[data-theme=te] .saved-loop-btn{font-family:var(--font-body);letter-spacing:.12em;border-radius:0;font-size:11px}[data-theme=te] .loop-btn.active{background:var(--text-bright);color:var(--bg-dark);border-color:var(--text-bright)}[data-theme=te] .tempo-section{border-radius:0;padding:6px 10px}[data-theme=te] .range-btn{font-family:var(--font-body);border-radius:0}[data-theme=te] .range-btn.active{background:var(--text-bright);color:var(--bg-dark);border-color:var(--text-bright)}[data-theme=te] input[type=range]{border-radius:0}[data-theme=te] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-bright);cursor:pointer;border:none;border-radius:0;width:10px;height:10px}[data-theme=te] input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:0;height:2px}[data-theme=te] .mixer-center{background:var(--bg-dark);gap:0;padding:0}[data-theme=te] .mixer-center>*{border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 9px}[data-theme=te] .mixer-center .section-label{justify-content:space-between;margin-bottom:4px;display:flex}[data-theme=te] .mixer-center .fader-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-theme=te] .mixer-center .crossfader-section .xf-labs{margin-bottom:4px}[data-theme=te] .beat-fx-panel{border-bottom:1px solid var(--border);border-radius:0;padding:6px 9px}[data-theme=te] .fx-select,[data-theme=te] .fx-beat-btn,[data-theme=te] .fx-on-btn,[data-theme=te] .fx-chain-btn,[data-theme=te] .xy-deck-btn,[data-theme=te] .cf-curve,[data-theme=te] .hp-btn,[data-theme=te] .bj-deck-btn,[data-theme=te] .bj-btn,[data-theme=te] .mic-btn{letter-spacing:.12em;border-radius:0;font-size:11px}[data-theme=te] .fx-depth-slider,[data-theme=te] .hp-mix input,[data-theme=te] .hp-vol input{background:var(--border);border-radius:0;height:2px}[data-theme=te] .xy-pad{background:var(--sf);border-radius:0;height:96px}[data-theme=te] .xy-cursor{width:10px;height:10px;box-shadow:none;border-radius:0}[data-theme=te] .crossfader{background:var(--border);border-radius:0;height:2px}[data-theme=te] .crossfader::-webkit-slider-thumb{background:var(--text-bright);width:16px;height:12px;box-shadow:none;border-radius:0}[data-theme=te] .master-fader{width:14px;height:56px}[data-theme=te] .cf-label,[data-theme=te] .chain-label,[data-theme=te] .xy-label-x,[data-theme=te] .xy-label-y,[data-theme=te] .hp-mix label,[data-theme=te] .hp-vol label{letter-spacing:.12em;font-size:11px}[data-theme=te] .xy-pad,[data-theme=te] .crossfader-section{border-radius:0}[data-theme=te] .fx-btn{font-family:var(--font-body);border-radius:0}[data-theme=te] .fx-btn.active{background:var(--accent-a);color:var(--bg-dark);border-color:var(--accent-a)}.te-bottom-panel{display:none}[data-theme=te] .te-bottom-panel{background:var(--bg-dark);border-top:1px solid var(--border);grid-template-columns:44px 1fr;display:grid}.te-bp-tabs{border-right:1px solid var(--border);flex-direction:column;display:flex}.te-btab{border:none;border-bottom:1px solid var(--border);background:var(--sf);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);cursor:pointer;flex:1;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex;overflow:hidden}.te-btab:last-child{border-bottom:none}.te-btab-on{background:var(--text-bright)!important;color:var(--bg-dark)!important}.te-btab-lib{border-top:1px solid var(--border)!important;color:var(--accent-a)!important;border-bottom:none!important;flex:none!important;padding:5px 0!important}.te-btab:not(.te-btab-on):hover{color:var(--text)}.te-bp-content{overflow:hidden}.te-bp-section{height:100%;display:none}.te-bp-section.te-bp-active{grid-template-columns:minmax(210px,24vw) 1fr minmax(150px,18vw);height:100%;display:grid}.te-bp-queue,.te-bp-arc,.te-bp-dir{flex-direction:column;display:flex;overflow:hidden}.te-bp-queue,.te-bp-arc{border-right:1px solid var(--border)}.te-bp-hdr{background:var(--sfh);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);flex-shrink:0;justify-content:space-between;align-items:center;min-height:30px;padding:7px 12px;font-size:11px;display:flex}.te-bp-arc-time{color:var(--accent-a);font-size:11px}.te-bp-arc-wrap{flex:1;padding:6px 12px}.te-bp-queue-list{flex:1;font-size:11px;overflow-y:auto}.te-bp-dir-grid{flex:1;grid-template-columns:1fr 1fr;gap:1px;padding:1px;display:grid}.te-dir-btn{border:1px solid var(--border);background:var(--sf);font-family:var(--font-body);color:var(--text-dim);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:4px;font-size:11px;display:flex}.te-dir-btn:hover{border-color:var(--accent-a);color:var(--text-bright)}.te-bp-dir-input{border-top:1px solid var(--border);flex-shrink:0;display:flex}.te-dir-field{font-family:var(--font-body);color:var(--text-bright);background:0 0;border:none;outline:none;flex:1;padding:7px 10px;font-size:11px}.te-dir-field::placeholder{color:var(--text-dim)}.te-dir-mic{border-left:1px solid var(--border);cursor:pointer;width:34px;color:var(--text-dim);background:0 0;border-top:none;border-bottom:none;border-right:none;justify-content:center;align-items:center;display:flex}.te-dir-mic:hover{color:var(--accent-a)}.te-q-item{border-bottom:1px solid var(--border);cursor:default;grid-template-columns:18px 1fr auto 14px auto;align-items:center;gap:7px;min-height:30px;padding:6px 10px;font-size:11px;display:grid}.te-q-item:hover{background:var(--sfh)}.te-q-item:hover .te-q-remove{opacity:1}.te-q-deck{background:var(--sfh)}.te-q-playing{border-left:2px solid var(--accent-a)}.te-q-label{letter-spacing:.2em;color:var(--accent-a);flex-shrink:0;width:16px;font-size:11px;font-weight:700}.te-q-num{color:var(--text-dim);text-align:center;flex-shrink:0;width:16px;font-size:11px}.te-q-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.te-q-meta{color:var(--text-dim);flex-shrink:0;font-size:11px}.te-q-flow{border-radius:50%;flex-shrink:0;width:6px;height:6px}.te-q-flow.flow-green{background:var(--accent-green)}.te-q-flow.flow-yellow{background:var(--accent-yellow)}.te-q-flow.flow-red{background:var(--accent-red)}.te-q-remove{opacity:0;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;transition:opacity .1s}.te-q-remove:hover{color:var(--accent-red)}.te-q-empty{color:var(--text-dim);padding:12px;font-size:11px}.te-q-dropzone{border-top:1px dashed var(--border);color:var(--text-dim);text-align:center;cursor:default;letter-spacing:.12em;flex-shrink:0;padding:8px 10px;font-size:11px;transition:all .15s}.te-q-dropzone.drag-over{border-color:var(--accent-a);color:var(--accent-a);background:#3d7a6a1a}[data-teq-idx]{cursor:grab}[data-teq-idx]:active{cursor:grabbing}.te-bp-session{border-left:1px solid var(--border);flex-direction:column;display:flex}.te-bp-session-stats{flex:1;padding:8px 10px}.te-ss-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:4px;padding:4px 0;font-size:11px;display:flex}.te-ss-row:last-child{border-bottom:none}.te-ss-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0;font-size:11px}.te-ss-val{color:var(--text-bright);font-weight:700}[data-theme=te] .library-panel{bottom:var(--te-bottom-h);z-index:99;background:var(--bg-dark);border-top:1px solid var(--border);border-radius:0;height:auto;margin:0;padding:0;transition:max-height .2s cubic-bezier(.4,0,.2,1);left:0;right:0;overflow:hidden;max-height:0!important;position:fixed!important}[data-theme=te] .library-panel:not(.collapsed){overflow-y:auto;max-height:18vh!important}[data-theme=te] .library-panel.collapsed{max-height:0!important}[data-theme=te] .library-header{background:var(--sfh);border-bottom:1px solid var(--border);border-radius:0;padding:6px 10px}[data-theme=te] .library-table{border-radius:0}[data-theme=te] .lib-btn{font-family:var(--font-body);letter-spacing:.14em;border-radius:0;font-size:11px}[data-theme=te] .lib-toggle{font-size:12px}[data-theme=te] .library-lookup,[data-theme=te] .library-search,[data-theme=te] .playlist-panel{padding:6px 10px}[data-theme=te] .lib-url-input,[data-theme=te] .library-search input,[data-theme=te] .playlist-name-input,[data-theme=te] .library-table td,[data-theme=te] .playlist-item,[data-theme=te] .playlist-empty{font-size:11px}[data-theme=te] .lib-url-input,[data-theme=te] .library-search input,[data-theme=te] .playlist-name-input,[data-theme=te] .playlist-load-select{border-radius:0}[data-theme=te] .lib-lookup-btn,[data-theme=te] .lib-lookup-status,[data-theme=te] .lib-sort,[data-theme=te] .library-table th,[data-theme=te] .playlist-item .pl-num,[data-theme=te] .playlist-item .pl-bpm,[data-theme=te] .playlist-item .pl-key,[data-theme=te] .lib-load-btn{font-size:11px}[data-theme=te] .library-table-wrap{max-height:none;padding:0 10px 8px}[data-theme=te] .playlist-drop-zone,[data-theme=te] .playlist-item,[data-theme=te] .lib-load-btn{border-radius:0}[data-theme=te] .modal{background:var(--bg-dark);border:1px solid var(--border-light);box-shadow:none;max-width:calc(100vw - 24px)}[data-theme=te] .modal-header{background:var(--sfh);border-bottom:1px solid var(--border);min-height:42px;padding:11px 14px}[data-theme=te] .modal-body{background:var(--bg-dark);line-height:1.45}[data-theme=te] .modal-input{font-family:var(--font-body);min-height:30px;font-size:12px}[data-theme=te] .modal-close{min-width:28px;min-height:28px}[data-theme=te] .prefs-tabs{background:var(--bg-dark);border-bottom:1px solid var(--border)}[data-theme=te] .prefs-tab{font-family:var(--font-body);letter-spacing:.16em;font-size:11px}[data-theme=te] .pref-section-label{letter-spacing:.22em;color:var(--text-dim);font-size:11px}[data-theme=te] button,[data-theme=te] input,[data-theme=te] select,[data-theme=te] .modal,[data-theme=te] .modal-overlay,[data-theme=te] .welcome-card,[data-theme=te] .social-btn{border-radius:0!important}[data-theme=te] *{text-shadow:none!important}[data-theme=te] button{box-shadow:none!important}[data-theme=te] .eq-kill,[data-theme=te] .hotcue-pad,[data-theme=te] .pad-mode-btn,[data-theme=te] .loop-btn,[data-theme=te] .range-btn,[data-theme=te] .te-btab{transition:none!important}[data-theme=te] button:hover{transition:border-color 80ms linear,color 80ms linear}[data-theme=te] button,[data-theme=te] input,[data-theme=te] select,[data-theme=te] label,[data-theme=te] span,[data-theme=te] .section-label,[data-theme=te] .label{font-size:max(11px, inherit)}[data-theme=te] .waveform-container,[data-theme=te] .overview-container{border-radius:0}@media (width<=900px){[data-theme=te] #app{--te-bottom-h:140px;grid-template:"topbar"42px"deck-a"1fr"bottom"140px/1fr}[data-theme=te] #deck-b,[data-theme=te] .mixer-center{display:none}[data-theme=te] .mobile-deck-switcher{z-index:80;border-top:1px solid var(--border);display:flex;position:fixed;bottom:140px;left:0;right:0}[data-theme=te] .mds-tab{background:var(--bg-panel);color:var(--text-dim);font-family:var(--font-body);letter-spacing:2px;cursor:pointer;text-align:center;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:11px;font-weight:700}[data-theme=te] .mds-tab.active{background:var(--bg-control);color:var(--text-bright);border-bottom-color:var(--accent-a)}[data-theme=te] .top-bar{height:42px;padding:0 10px}[data-theme=te] .top-bar .logo{font-size:14px}[data-theme=te] .mode-toggle .mode-btn{padding:4px 10px;font-size:11px}[data-theme=te] .top-right{gap:4px}[data-theme=te] .top-btn,[data-theme=te] .rec-btn{padding:3px 8px;font-size:11px}[data-theme=te] .rec-time{display:none}[data-theme=te] .te-bottom-panel{grid-template-columns:36px 1fr}[data-theme=te] .te-btab{letter-spacing:.04em;font-size:11px}[data-theme=te] .te-bp-section.te-bp-active{grid-template-rows:auto auto;grid-template-columns:1fr}[data-theme=te] .te-bp-arc{display:none}[data-theme=te] .te-bp-session{border-left:none;border-top:1px solid var(--border)}[data-theme=te] .deck-header{padding:4px 8px}[data-theme=te] .deck-header-track{font-size:14px}[data-theme=te] .library-panel{bottom:var(--te-bottom-h)}[data-theme=te] .library-panel:not(.collapsed){max-height:24vh!important}}@media (width<=480px){[data-theme=te] #app{--te-bottom-h:120px;grid-template-rows:38px 1fr 120px}[data-theme=te] .top-bar{height:38px}[data-theme=te] .top-bar .logo{font-size:12px}[data-theme=te] .logo-kanji,[data-theme=te] .master-clock .label,[data-theme=te] .mode-toggle,[data-theme=te] .more-menu-wrap{display:none}[data-theme=te] .deck-header-row1{flex-wrap:wrap;gap:4px}[data-theme=te] .jog-wheel-container{display:none}[data-theme=te] .te-bottom-panel{grid-template-columns:1fr}[data-theme=te] .te-bp-tabs{border-right:none;border-bottom:1px solid var(--border);flex-direction:row}[data-theme=te] .library-panel{bottom:var(--te-bottom-h)}[data-theme=te] .library-panel:not(.collapsed){max-height:30vh!important}}.midi-mapping-list{border:1px solid var(--border);border-radius:4px;max-height:360px;padding:6px;overflow-y:auto}.midi-section-label{letter-spacing:1.5px;color:var(--text-dim);border-bottom:1px solid var(--border);margin-top:4px;padding:6px 4px 3px;font-size:11px;font-weight:700}.midi-section-label:first-child{margin-top:0}.midi-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.midi-row:last-child{border-bottom:none}.midi-action-label{color:var(--text);font-family:var(--mono);flex:1;font-size:11px}.midi-binding{text-align:center;min-width:100px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.5px;font-size:11px}.midi-binding.midi-bound{color:var(--celadon)}.midi-learn-btn{font-family:var(--mono);letter-spacing:1px;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;padding:2px 8px;font-size:11px;transition:all .12s}.midi-learn-btn:hover{border-color:var(--celadon);color:var(--celadon)}.midi-learn-btn.midi-learning{border-color:var(--accent-red);color:var(--accent-red);animation:1s infinite midi-pulse}.midi-clear-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.midi-clear-btn:hover{color:var(--accent-red)}@keyframes midi-pulse{0%,to{opacity:1}50%{opacity:.4}}