*{margin:0;padding:0;box-sizing:border-box}:root{--font-ui: "Archivo", -apple-system, system-ui, sans-serif;--font-display: "Unbounded", "Archivo", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Menlo", monospace;--bg: #0e0c0a;--bg-deep: #080706;--bg-panel: #16130f;--bg-raised: #1d1914;--bg-input: #251f18;--bg-hover: #2c251d;--border: #2d2720;--border-strong: #3d352b;--text: #ece5d8;--text-dim: #968d7b;--accent: #f5a83c;--accent-hover: #ffc065;--accent-soft: rgba(245, 168, 60, .14);--accent-glow: rgba(245, 168, 60, .45);--on-accent: #1a1206;--danger: #e8604c;--ok: #6fcf8f;--pending: #e0b54f;--lcd-bg: #171008;--lcd-text: #ffc065;--lcd-dim: rgba(255, 192, 101, .45);--lcd-border: #050403;--pad-face-top: #2c2620;--pad-face-bottom: #211c16;--pad-seam: #0a0908;--pad-text: #b9b0a0;--remote-color: #b78cf2;--shadow-panel: 0 12px 32px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35);--shadow-pop: 0 16px 44px rgba(0, 0, 0, .55), 0 4px 10px rgba(0, 0, 0, .4);--highlight-top: inset 0 1px 0 rgba(255, 255, 255, .045);--recess: inset 0 2px 6px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 255, 255, .03)}[data-theme=light]{--bg: #e9e3d6;--bg-deep: #dcd4c3;--bg-panel: #f2ede2;--bg-raised: #faf6ed;--bg-input: #e4dccb;--bg-hover: #dbd2bf;--border: #cdc3ad;--border-strong: #b0a489;--text: #2c261d;--text-dim: #837a67;--accent: #cf7f12;--accent-hover: #b06d09;--accent-soft: rgba(207, 127, 18, .13);--accent-glow: rgba(207, 127, 18, .35);--on-accent: #fff7ea;--danger: #c54534;--ok: #3f9c63;--pending: #a97f17;--shadow-panel: 0 10px 26px rgba(80, 65, 40, .18), 0 2px 6px rgba(80, 65, 40, .12);--shadow-pop: 0 16px 40px rgba(80, 65, 40, .25), 0 4px 10px rgba(80, 65, 40, .15);--highlight-top: inset 0 1px 0 rgba(255, 255, 255, .6);--recess: inset 0 2px 6px rgba(80, 65, 40, .25), inset 0 -1px 0 rgba(255, 255, 255, .4)}[data-theme=lofi]{--bg: #3b322a;--bg-deep: #2f2721;--bg-panel: #463b30;--bg-raised: #514437;--bg-input: #5a4c3d;--bg-hover: #635443;--border: #5d4e3d;--border-strong: #786450;--text: #f0e2c8;--text-dim: #b5a284;--accent: #e8863a;--accent-hover: #ffa055;--accent-soft: rgba(232, 134, 58, .16);--accent-glow: rgba(232, 134, 58, .45);--on-accent: #241203;--danger: #d95f45;--ok: #8fba76;--pending: #d9a850;--shadow-panel: 0 12px 30px rgba(20, 12, 5, .4), 0 2px 6px rgba(20, 12, 5, .3);--shadow-pop: 0 16px 42px rgba(20, 12, 5, .5), 0 4px 10px rgba(20, 12, 5, .35);--highlight-top: inset 0 1px 0 rgba(255, 240, 210, .06);--recess: inset 0 2px 6px rgba(20, 12, 5, .45), inset 0 -1px 0 rgba(255, 240, 210, .04)}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;height:100%;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;background:radial-gradient(ellipse 120% 90% at 50% 0%,transparent 55%,rgba(0,0,0,.28) 100%)}[data-theme=light] body:after{background:radial-gradient(ellipse 120% 90% at 50% 0%,transparent 60%,rgba(90,75,50,.12) 100%)}[data-theme=lofi] body:before{opacity:.1}[data-theme=lofi] body:after{background:radial-gradient(ellipse 120% 90% at 50% 0%,transparent 50%,rgba(35,18,4,.38) 100%)}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg-panel)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}#app{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:0;padding:0;height:100vh;min-width:600px}#top-bar{grid-row:2;position:relative;z-index:100}#col-center{grid-row:3;position:relative;overflow-y:auto;overflow-x:hidden;padding:10px}#app-footer{grid-row:4;padding:0 12px 12px}#app.pre-start #app-header{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(245,168,60,.05),transparent 70%),var(--bg)}.power-screen{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;animation:power-fade-in .7s ease-out both}@keyframes power-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.power-brand{font-family:var(--font-display);font-weight:900;font-size:clamp(26px,5vw,44px);letter-spacing:.22em;color:var(--text);text-shadow:0 0 28px var(--accent-glow)}.power-tagline{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:var(--text-dim)}.power-btn{margin-top:14px;width:88px;height:88px;border-radius:50%;border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));box-shadow:var(--shadow-panel),var(--highlight-top);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .25s ease,color .25s ease,transform .1s ease}.power-btn:hover{color:var(--accent-hover);box-shadow:var(--shadow-panel),var(--highlight-top),0 0 32px var(--accent-glow)}.power-btn:active{transform:scale(.96)}.power-btn.powering{animation:power-pulse 1s ease-in-out infinite;pointer-events:none}@keyframes power-pulse{0%,to{box-shadow:var(--shadow-panel),0 0 16px var(--accent-glow)}50%{box-shadow:var(--shadow-panel),0 0 44px var(--accent-glow)}}#audio-status{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-dim)}.panel{background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border);border-radius:10px;padding:12px;box-shadow:var(--shadow-panel),var(--highlight-top)}.panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-dim);font-weight:600}.btn{border:1px solid transparent;border-radius:6px;padding:7px 14px;font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .08s}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);box-shadow:0 1px 4px #0006,inset 0 1px #ffffff40}.btn-primary:hover{box-shadow:0 0 14px var(--accent-glow),inset 0 1px #ffffff40}.btn-secondary{background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.12)}.btn-small{padding:4px 10px;font-size:11px}.btn-mute{background:var(--bg-input);color:var(--text-dim);border:1px solid var(--border)}.btn-mute.active{background:var(--danger);color:#fff;border-color:var(--danger)}.hidden{display:none!important}.btn:focus-visible,.toolbar-btn:focus-visible,.tb-trigger:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lcd{position:relative;background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:5px;box-shadow:var(--recess),0 1px #ffffff0d;overflow:hidden}.lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.022) 2px,rgba(255,255,255,.022) 3px)}.lcd-text{font-family:var(--font-mono);color:var(--lcd-text)}.lcd-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:1px solid rgba(255,192,101,.25);border-radius:4px;color:var(--lcd-text);cursor:pointer;transition:background .15s,border-color .15s}.lcd-btn:hover{background:#ffc0651f;border-color:#ffc06580}.knob{--knob-size: 36px;display:flex;flex-direction:column;align-items:center;gap:0;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.knob-svg{width:var(--knob-size);height:var(--knob-size);display:block}.knob-body{fill:#272119;stroke:#3a322a;stroke-width:1;transition:fill .15s}[data-theme=light] .knob-body{fill:#efe9db;stroke:#b0a489}.knob:hover .knob-body{fill:#2f2820}[data-theme=light] .knob:hover .knob-body{fill:#f7f2e6}.knob-track{fill:none;stroke:#968d7b40;stroke-width:2.5;stroke-linecap:round}.knob-arc{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.knob-pointer{stroke:var(--text);stroke-width:2;stroke-linecap:round}.knob-active .knob-arc{stroke:var(--accent-hover);filter:drop-shadow(0 0 3px var(--accent-glow))}.knob-label{font-family:var(--font-mono);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:1px;white-space:nowrap}.knob-value{font-family:var(--font-mono);font-size:9px;color:var(--accent);white-space:nowrap;opacity:.85}.knob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px 4px;justify-items:center;padding:4px 0}.top-bar{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border-bottom:1px solid var(--border-strong);box-shadow:0 4px 16px #0000004d,var(--highlight-top)}.tb-row1{display:flex;align-items:center;height:36px;padding:0 16px;flex-shrink:0}.tb-row2{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-top:1px solid var(--border);flex-shrink:0}.tb-row3{display:flex;align-items:center;gap:10px;height:30px;padding:0 16px;border-top:1px solid var(--border);flex-shrink:0;background:#0000002e}[data-theme=light] .tb-row3{background:#5a4b320f}.tb-brand{font-family:var(--font-display);color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.24em;flex-shrink:0;margin:0;display:flex;align-items:center;gap:8px}.tb-brand:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:brand-led 4s ease-in-out infinite}@keyframes brand-led{0%,92%,to{opacity:1}96%{opacity:.45}}.tb-status{font-family:var(--font-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:14px}.tb-auth{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}.tb-auth-email{color:var(--text-dim);font-size:11px}.tb-auth-btn{background:none;border:none;color:var(--accent);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;padding:3px 8px;border-radius:4px;transition:background .15s}.tb-auth-btn:hover{background:var(--accent-soft)}.tb-auth-input{width:200px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-family:var(--font-ui);font-size:12px;outline:none}.tb-auth-input:focus{border-color:var(--accent)}.tb-auth-input::placeholder{color:var(--text-dim)}.tb-auth-msg{font-size:11px;color:var(--text-dim)}.tb-auth-signed-in{display:flex;align-items:center;gap:6px}.tb-auth-display-name{color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.tb-auth-display-name:hover{text-decoration:underline}.tb-avatar-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow);cursor:pointer;flex-shrink:0;transition:transform .15s}.tb-avatar-dot:hover{transform:scale(1.2)}.tb-profile-editor{display:flex;align-items:center;gap:6px}.tb-name-input{width:140px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-size:12px;outline:none}.tb-name-input:focus{border-color:var(--accent)}.tb-name-input::placeholder{color:var(--text-dim)}.tb-color-picker{display:flex;gap:3px;align-items:center}.tb-color-swatch{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s}.tb-color-swatch:hover{transform:scale(1.15)}.tb-color-swatch.selected{border-color:var(--text)}.tb-room-code-select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 6px;font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;outline:none;max-width:110px}.tb-room-code-select:focus{border-color:var(--accent)}.tb-divider{width:1px;height:22px;background:var(--border-strong);flex-shrink:0}.tb-section{display:flex;align-items:center;gap:5px;flex-shrink:0}.tb-code-input{width:70px;background:var(--lcd-bg);color:var(--lcd-text);border:1px solid var(--lcd-border);border-radius:5px;padding:5px 6px;font-size:12px;font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;text-align:center;outline:none;box-shadow:var(--recess)}.tb-code-input:focus{border-color:var(--accent)}.tb-code-input::placeholder{letter-spacing:.04em;font-size:10px;text-transform:none;color:var(--lcd-dim)}.tb-room-code{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.25em;color:var(--lcd-text);background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:5px;padding:4px 10px;box-shadow:var(--recess)}.tb-status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok);flex-shrink:0}.tb-copy-link{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.guest-strip{position:fixed;bottom:10px;right:12px;z-index:900;padding:6px 12px;font-size:11px;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;box-shadow:0 2px 8px #00000040;opacity:.92}.guest-strip a{color:var(--accent)}.tb-midi{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0;color:var(--text-dim)}.tb-midi-icon{flex-shrink:0}.tb-midi-name{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.tb-midi-select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:11px;outline:none;max-width:180px;min-width:80px}.tb-midi-select:focus{border-color:var(--accent)}.tb-dock{display:flex;gap:4px;flex-shrink:0}.tb-dock-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .15s}.tb-dock-btn:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--border-strong);transition:background .15s,box-shadow .15s}.tb-dock-btn:hover{color:var(--text);border-color:var(--border-strong)}.tb-dock-btn.tb-arrange:before{display:none}.tb-dock-btn.tb-arrange{margin-left:4px}.tb-dock-btn.active{color:var(--text);border-color:var(--border-strong)}.tb-dock-btn.active:before{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.tb-lofi-head{margin-bottom:6px}.tb-lofi-head .tb-lofi-toggle{padding:4px 12px;font-size:11px;min-width:44px}.tb-lofi-head .tb-lofi-toggle.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.tb-lofi-sliders{display:flex;flex-direction:column;gap:3px}.tb-lofi-row{display:flex;align-items:center;gap:8px}.tb-lofi-name{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);width:40px;flex-shrink:0}.tb-lofi-row input[type=range]{flex:1;min-width:90px}.tb-lofi-row input[type=range]:disabled{opacity:.4}.tb-audio-input-select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:11px;outline:none;width:100%}.tb-audio-input-select:focus{border-color:var(--accent)}.tb-settings-section{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.tb-settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tb-settings-section-label{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}.tb-latency,.tb-session{display:flex;gap:4px}.tb-latency .latency-btn{flex:1;padding:5px 10px;font-size:11px}.tb-sync{display:flex;align-items:center;gap:6px}.tb-sync .sync-btn{padding:5px 10px;font-size:11px;min-width:40px}.tb-sync .sync-slider{flex:1;min-width:60px}.tb-sync .sync-delay-display{font-size:10px;min-width:42px;color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap}.tb-sync .sync-measure-btn{padding:5px 8px;font-size:11px}.tb-sync-note{margin-top:4px;font-family:var(--font-mono);font-size:9px;color:var(--text-dim);min-height:12px;max-width:250px}.tb-peer-list-inline{display:flex;align-items:center;gap:8px;margin-left:auto;overflow-x:auto;flex-shrink:1;min-width:0}.tb-peer-card{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;flex-shrink:0;padding:2px 9px;background:var(--bg-input);border-radius:4px;border:1px solid var(--border);border-left:3px solid transparent}.tb-peer-card .activity-indicator{width:6px;height:6px}.tb-peer-card .activity-peer-label{font-size:11px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis}.tb-peer-card .activity-note{font-size:10px;min-width:24px;text-align:center}.tb-peer-card .quality-dot{width:6px;height:6px}.tb-peer-card .activity-status{font-size:9px;min-width:0}.tb-triggers{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.tb-trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tb-trigger:hover{background:var(--bg-input);color:var(--text)}.tb-trigger.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tb-dropdown{position:absolute;top:80px;right:12px;background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border-strong);border-radius:10px;padding:12px;min-width:280px;max-width:400px;max-height:60vh;overflow-y:auto;box-shadow:var(--shadow-pop),var(--highlight-top);z-index:101;animation:dropdown-in .16s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tb-dropdown-section{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.tb-dropdown-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tb-dd-label{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;display:block;margin-bottom:7px}.tb-mixer-peer{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tb-mixer-peer:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tb-mixer-peer-label{font-size:12px;font-weight:600;margin-bottom:4px}.tb-mixer-peer-controls{display:flex;flex-direction:column;gap:4px}.tb-mixer-peer-controls label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.tb-mixer-peer-controls label input{flex:1}.tb-master-row{display:flex;align-items:center;gap:8px}.tb-master-row input{flex:1}.tb-master-val{font-family:var(--font-mono);font-size:11px;color:var(--accent);min-width:34px}.tb-friend-add-row{display:flex;gap:4px;align-items:center}.tb-friend-add-input{flex:1;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:5px 8px;font-size:12px;outline:none}.tb-friend-add-input:focus{border-color:var(--accent)}.tb-friend-add-input::placeholder{color:var(--text-dim)}.tb-friend-add-msg{font-size:11px;margin-top:4px;display:block}.tb-friends-empty{font-size:12px;color:var(--text-dim);text-align:center;padding:12px 0}.tb-friends-list{max-height:240px;overflow-y:auto}.tb-friend-row{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--border)}.tb-friend-row:last-child{border-bottom:none}.tb-friend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;opacity:.35;transition:opacity .2s,box-shadow .2s}.tb-friend-dot.online{opacity:1;box-shadow:0 0 6px currentColor}.tb-friend-name{font-size:12px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-friend-status{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.tb-friend-actions{display:flex;gap:3px;flex-shrink:0}.tb-friend-actions .btn{padding:2px 6px;font-size:10px}.tb-friend-remove{font-size:14px!important;line-height:1;opacity:.5}.tb-friend-remove:hover{opacity:1}.tb-invite-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--accent);border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:10px;z-index:200;box-shadow:var(--shadow-pop),0 0 18px var(--accent-glow);animation:toast-slide-up .3s ease-out}.tb-invite-toast.hidden{display:none}.tb-relay-toast{bottom:68px}.tb-invite-text{font-size:13px;color:var(--text)}@keyframes toast-slide-up{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.status-ok{color:var(--ok)}.status-err{color:var(--danger)}.status-pending{color:var(--pending)}.instrument-panel{position:absolute;overflow:hidden;display:flex;flex-direction:column;min-height:150px;min-width:150px;padding:0}.instrument-panel.collapsed{height:auto!important;min-height:0}.instrument-panel.collapsed .keyboard-body,.instrument-panel.collapsed .pads-body,.instrument-panel.collapsed .slicer-body,.instrument-panel.collapsed .seq-body,.instrument-panel.collapsed .control-strip,.instrument-panel.collapsed .corner-resize{display:none}.instrument-panel.collapsed .collapse-toggle svg{transform:rotate(180deg)}.collapse-toggle svg{transition:transform .2s ease}.instrument-toolbar{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:grab;flex-shrink:0;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);border-radius:10px 10px 0 0}.inst-nameplate{display:flex;align-items:center;gap:7px;flex-shrink:0;color:var(--accent)}.inst-nameplate h2{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--text);margin:0}.inst-owner{display:flex;align-items:center;gap:5px;padding:2px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:99px;flex-shrink:0}.inst-owner-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.inst-owner-name{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.12em;color:var(--text-dim);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-lcd{min-width:0;max-width:190px;flex-shrink:1}.preset-lcd select.inst-preset{width:100%;background:transparent;color:var(--lcd-text);border:none;padding:4px 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;z-index:1}.preset-lcd{background-image:none}.preset-lcd:before{content:"▾";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--lcd-dim);pointer-events:none;z-index:2}.preset-lcd select.inst-preset option,.preset-lcd select.inst-preset optgroup{background:var(--bg-panel);color:var(--text);font-family:var(--font-ui)}.save-preset-form{display:flex;align-items:center;gap:4px}.save-preset-input{width:120px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-size:11px;outline:none}.save-preset-input:focus{border-color:var(--accent)}.save-preset-input::placeholder{color:var(--text-dim)}.toolbar-spacer{flex:1}.toolbar-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:6px;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.toolbar-btn:hover{background:var(--bg-input);color:var(--text)}.toolbar-btn.active{color:var(--accent);border-color:var(--border-strong);background:var(--bg-input)}.hide-btn:hover{color:var(--danger)}.corner-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;z-index:5}.corner-resize:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid var(--border-strong);border-bottom:2px solid var(--border-strong);border-radius:0 0 2px;transition:border-color .15s}.corner-resize:hover:after,.corner-resize:active:after{border-color:var(--accent)}.control-strip{display:flex;align-items:stretch;gap:10px;padding:8px 12px 6px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.cs-group{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 10px 2px;border:1px solid var(--border);border-radius:8px;background:#00000029}[data-theme=light] .cs-group{background:#5a4b320d}.cs-group-label{font-family:var(--font-mono);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);order:2;margin-top:2px}.cs-knobs{display:flex;gap:12px;order:1}.settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column}.settings-overlay.hidden{display:none}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-panel{position:relative;z-index:11;width:100%;height:100%;background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border-strong);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.settings-header h3{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--text)}.settings-body{padding:10px 12px;overflow-y:auto;flex:1}.param-section{margin-bottom:8px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#00000024}[data-theme=light] .param-section{background:#5a4b320a}.param-section-header{display:flex;align-items:center;gap:8px;padding:7px 10px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.param-section-header:hover{background:var(--bg-input)}.param-section-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--text)}.param-section-chevron{margin-left:auto;color:var(--text-dim);transition:transform .25s ease;flex-shrink:0}.param-section.collapsed .param-section-chevron{transform:rotate(-90deg)}.param-section-body{padding:8px 10px;display:flex;flex-direction:column;gap:6px;max-height:500px;transition:max-height .25s ease,padding .25s ease,opacity .2s ease;opacity:1}.param-section.collapsed .param-section-body{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.segment-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px}.segment-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);text-align:right;white-space:nowrap}.segment-buttons{display:flex;gap:2px;background:var(--bg-deep);border:1px solid var(--border);border-radius:5px;padding:2px;box-shadow:var(--recess)}.segment-btn{flex:1;padding:4px 2px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;border:none;border-radius:3px;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .1s,color .1s,box-shadow .1s;text-align:center}.segment-btn:hover{background:var(--bg-hover);color:var(--text)}.segment-btn.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);box-shadow:0 0 8px var(--accent-glow)}.drum-params-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.drum-pad-params{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#00000024}[data-theme=light] .drum-pad-params{background:#5a4b320a}.drum-pad-params-header{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid var(--border)}.drum-pad-params .segment-row{grid-template-columns:44px 1fr}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;box-shadow:var(--recess);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,var(--accent-hover),var(--accent));cursor:pointer;border:2px solid var(--bg-panel);box-shadow:0 0 5px var(--accent-glow);transition:box-shadow .1s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--accent-glow)}input[type=range]:disabled{opacity:.3;cursor:not-allowed}.keyboard-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 12px 8px}.keyboard{position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;flex:1;min-height:0;background:var(--bg-deep);border:1px solid var(--lcd-border);border-radius:6px;box-shadow:var(--recess);padding:5px 5px 0}.keys-wrapper{position:relative;display:flex;height:100%;gap:1px}.key{display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:background .04s,box-shadow .04s}.white-key{flex:1;height:100%;min-width:0;background:linear-gradient(180deg,#f6f1e5,#efe8d8 70%,#e2d9c4);border:1px solid #b9ac90;border-top:none;border-radius:0 0 4px 4px;z-index:1;box-shadow:inset 0 -3px 5px #8c78502e}.white-key:hover{background:linear-gradient(180deg,#efe9da,#e4dbc6)}.white-key.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));box-shadow:0 0 14px var(--accent-glow),inset 0 -3px 6px #0000002e;border-color:var(--accent)}.key-label{font-family:var(--font-mono);font-size:clamp(7px,1.5vw,9px);color:#968a6e;margin-bottom:5px;pointer-events:none}.white-key.active .key-label{color:var(--on-accent)}.black-key{position:absolute;height:62%;background:linear-gradient(180deg,#3a3a3a,#1c1c1c 18%,#111);border:1px solid #000;border-top:none;border-radius:0 0 3px 3px;z-index:2;top:0;box-shadow:0 3px 5px #00000080,inset 0 -2px 3px #ffffff0f}.black-key:hover{background:linear-gradient(180deg,#4a4a4a,#222)}.black-key.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));box-shadow:0 0 14px var(--accent-glow);border-color:var(--accent)}.white-key.remote-active{background:var(--remote-color, #b78cf2);box-shadow:0 0 14px var(--remote-color, #b78cf2);border-color:var(--remote-color, #b78cf2)}.white-key.remote-active .key-label{color:#fff}.black-key.remote-active{background:var(--remote-color, #b78cf2);box-shadow:0 0 14px var(--remote-color, #b78cf2)}.keyboard .white-key.active,.keyboard .black-key.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent))}.keyboard-footer{display:flex;align-items:center;gap:12px;padding-top:6px;flex-shrink:0;min-width:0}.keyboard-hint{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:right}.octave-ctrl{display:flex;align-items:center;gap:4px;flex-shrink:0}.oct-btn{width:20px;height:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));border:1px solid var(--border-strong);border-radius:4px;color:var(--text-dim);font-size:12px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}.oct-btn:hover{color:var(--accent);border-color:var(--accent)}.oct-btn:active{transform:translateY(1px)}.oct-display{min-width:30px;text-align:center;font-size:10px;padding:2px 4px;background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:4px;box-shadow:var(--recess)}.pads-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 12px 8px;gap:8px}.pads-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:7px;flex:1;min-height:0;background:var(--bg-deep);border:1px solid var(--lcd-border);border-radius:8px;box-shadow:var(--recess);padding:8px}.drum-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:linear-gradient(180deg,var(--pad-face-top),var(--pad-face-bottom));border:1px solid var(--pad-seam);border-radius:7px;padding:4px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #0006,0 2px 3px #00000073;transition:box-shadow .06s,border-color .1s,transform .05s}.drum-pad:hover{background:linear-gradient(180deg,#332c25,#27211b)}.drum-pad.active{transform:translateY(1px);border-color:var(--accent);box-shadow:inset 0 0 22px var(--accent-glow),inset 0 1px #ffffff0f,0 0 14px var(--accent-glow)}.drum-pad.active .pad-label{color:var(--accent-hover)}.drum-pad.selected{border-color:var(--accent)}.drum-pad.selected .pad-num{color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}.drum-pad.drag-over{border-color:var(--ok);box-shadow:inset 0 0 18px #6fcf8f59}.drum-pad.remote-active{border-color:var(--remote-color, #b78cf2);box-shadow:inset 0 0 22px var(--remote-color, #b78cf2),0 0 14px var(--remote-color, #b78cf2)}.drum-pad.remote-active .pad-label,.drum-pad.remote-active .pad-key{color:#fff}.pad-num{position:absolute;top:3px;left:6px;font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;color:#b9b0a080;pointer-events:none;transition:color .15s}.pad-sample-dot{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok);pointer-events:none}.pad-label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pad-text);pointer-events:none;transition:color .1s}.pad-key{display:block;font-family:var(--font-mono);font-size:9px;color:#b9b0a073;margin-top:2px;pointer-events:none}.pads-compact .pad-key{display:none}.pads-compact .pad-label{font-size:9px}.pads-tiny .pad-label{font-size:8px;letter-spacing:.02em}.pads-tiny .pad-key,.pads-tiny .pad-num{display:none}.pad-editor{flex-shrink:0;display:flex;align-items:stretch;gap:10px;min-width:0}.pad-lcd{display:flex;align-items:center;gap:8px;padding:5px 8px;flex:1;min-width:90px}.pad-lcd-num{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--lcd-text);text-shadow:0 0 8px rgba(255,192,101,.4);flex-shrink:0}.pad-lcd-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.pad-lcd-name{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--lcd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-lcd-sample{font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--lcd-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.pad-lcd-sample.has-sample{color:#8fe3ab}.pad-chip{display:inline-flex;align-items:center;gap:2px;max-width:92px;padding:0 3px;border:1px solid currentColor;border-radius:3px;opacity:.9;flex-shrink:1;min-width:0}.pad-chip-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pad-chip-x{background:none;border:none;color:inherit;font-size:10px;line-height:1;padding:0 1px;cursor:pointer;opacity:.7}.pad-chip-x:hover{opacity:1;color:var(--danger, #e5484d)}.pad-mode{display:flex;gap:2px}.pad-mode-btn{font-size:8px;letter-spacing:.06em}.pad-mode-btn.active{color:var(--accent);border-color:var(--accent)}.pad-lcd-actions{display:flex;gap:4px;flex-shrink:0;position:relative;z-index:1}.pad-editor-params{display:flex;align-items:center;gap:10px;flex-shrink:0}.pad-editor-choke{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0}.choke-label{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.pad-editor-degrade{display:flex;align-items:center;flex-shrink:0;padding-left:8px;border-left:1px solid var(--border)}.choke-btns{display:flex;gap:2px}.choke-btn{min-width:20px;height:18px;padding:0 4px;font-family:var(--font-mono);font-size:8px;font-weight:600;text-transform:uppercase;background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));border:1px solid var(--border-strong);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:color .12s,border-color .12s,box-shadow .12s}.choke-btn:hover{color:var(--text)}.choke-btn.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 7px var(--accent-glow),var(--recess);background:var(--lcd-bg)}.kbd-chip{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--text-dim);border:1px solid var(--border-strong);border-radius:4px;padding:3px 7px;white-space:nowrap;opacity:.5;cursor:help;-webkit-user-select:none;user-select:none;flex-shrink:0}.instrument-panel.kbd-active{border-color:#f5a83c73}[data-theme=light] .instrument-panel.kbd-active{border-color:#cf7f1280}.instrument-panel.kbd-active .kbd-chip{color:var(--accent);border-color:var(--accent);background:var(--lcd-bg);box-shadow:0 0 7px var(--accent-glow);opacity:1}.slicer-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 12px 8px;gap:8px}.slicer-wave-wrap{position:relative;flex:1;min-height:60px;background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:8px;box-shadow:var(--recess);overflow:hidden}.slicer-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.slicer-wave-wrap.drag-over{border-color:var(--ok);box-shadow:inset 0 0 18px #6fcf8f59}.slicer-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--lcd-dim);pointer-events:none}.slicer-empty-hint span{font-size:9px;letter-spacing:.1em;opacity:.6}.slicer-controls{flex-shrink:0;display:flex;align-items:stretch;gap:10px;min-width:0}.slicer-lcd{display:flex;align-items:center;gap:8px;padding:5px 8px;flex:1;min-width:90px}.slicer-lcd-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.slicer-lcd-name{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--lcd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slicer-lcd-info{font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--lcd-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chop-btn{flex-shrink:0;align-self:center;padding:8px 14px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent);background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));border:1px solid var(--accent);border-radius:6px}.chop-btn:hover:not(:disabled){background:var(--accent-soft);box-shadow:0 0 12px var(--accent-glow)}.chop-btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--border-strong);color:var(--text-dim)}.slicer-knobs{display:flex;align-items:center;gap:10px;flex-shrink:0}.activity-indicator{width:8px;height:8px;border-radius:50%;background:var(--bg-hover);transition:background .05s,box-shadow .05s}.activity-indicator.midi-flash{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.activity-note{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);text-align:center}.activity-status{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-align:right;white-space:nowrap}.status-direct{color:var(--ok)}.status-buffered{color:var(--pending)}.activity-peer-label{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-hover);flex-shrink:0}.quality-dot.quality-good{background:var(--ok);box-shadow:0 0 5px var(--ok)}.quality-dot.quality-ok{background:var(--pending);box-shadow:0 0 5px var(--pending)}.quality-dot.quality-poor{background:var(--danger);box-shadow:0 0 5px var(--danger)}.debug-console{display:flex;flex-direction:column}.debug-header{display:flex;align-items:center;justify-content:space-between}.debug-header h2{margin-bottom:0}.debug-log{margin-top:8px;max-height:200px;overflow-y:auto;font-family:var(--font-mono);font-size:10px;line-height:1.7;background:var(--lcd-bg);color:var(--lcd-dim);border:1px solid var(--lcd-border);border-radius:6px;box-shadow:var(--recess);padding:6px 10px}.debug-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-local{color:var(--lcd-text)}.debug-hw-midi{color:#6fd4dd}.debug-peer{color:#c9a3f7}.debug-state{color:var(--pending)}.debug-session{color:var(--ok)}.latency-btn{flex:1;text-align:center;background:var(--bg-input);color:var(--text-dim);border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s}.latency-btn:hover{background:var(--bg-hover)}.latency-btn.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);border-color:var(--accent)}.sync-btn{min-width:48px;text-align:center;background:var(--bg-input);color:var(--text-dim);border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s}.sync-btn:hover{background:var(--bg-hover)}.sync-btn.active{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);border-color:var(--accent)}.sync-btn:disabled{opacity:.4;cursor:not-allowed}.sync-btn:disabled:hover{background:var(--bg-input)}.sync-slider{flex:1;min-width:0}.sync-delay-display{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);white-space:nowrap;min-width:80px}#app.landing-root{display:block;overflow-y:auto;overflow-x:hidden;height:100vh;min-width:0}.landing{min-height:100vh;display:flex;flex-direction:column;--lp-max: 1000px}.landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.landing .icon{flex:none}.lp-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 28px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.lp-brand{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700;letter-spacing:.22em;text-decoration:none}.lp-brand-small{font-size:11px;letter-spacing:.2em;color:var(--text-dim)}.lp-nav-actions{display:flex;align-items:center;gap:10px;min-width:0}.lp-nav-email{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.lp-notices{max-width:var(--lp-max);width:100%;margin:0 auto;padding:0 24px}.lp-notices:not(:empty){padding-top:20px}.lp-notice{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;margin-bottom:12px;background:var(--bg-panel);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:10px;font-size:13px;line-height:1.6;color:var(--text-dim)}.lp-notice strong{color:var(--text);display:block;margin-bottom:2px}.lp-notice-icon{color:var(--accent);display:flex;padding-top:1px}.lp-notice .btn{flex:none;margin-left:auto}.lp-notice-invite{display:flex}.lp-redeem{flex:1;min-width:0}.lp-redeem p{margin:4px 0 12px}.lp-hero{display:flex;justify-content:center;padding:96px 24px 72px;background:radial-gradient(ellipse 60% 55% at 50% 0%,var(--accent-soft),transparent 72%)}.lp-hero-inner{max-width:660px;text-align:center}.lp-eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.24em;color:var(--text-dim);margin-bottom:22px}.lp-title{font-family:var(--font-display);font-size:clamp(34px,8vw,62px);font-weight:900;letter-spacing:.1em;line-height:1.05;color:var(--text);text-shadow:0 0 34px var(--accent-glow);margin-bottom:20px}.lp-lede{font-size:17px;line-height:1.65;color:var(--text-dim);margin-bottom:30px}.lp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:26px}.btn-large{padding:13px 30px;font-size:14px;font-weight:700;border-radius:8px;letter-spacing:.04em}.lp-hero-note{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-dim)}.lp-hero-note .icon{color:var(--accent)}.lp-section{max-width:var(--lp-max);width:100%;margin:0 auto;padding:56px 24px;scroll-margin-top:72px}.lp-section-flush{padding-top:8px;padding-bottom:8px}.lp-section-title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text);text-align:center;margin-bottom:34px}.lp-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.lp-app{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-panel),var(--highlight-top);transition:transform .2s ease,border-color .2s ease}.lp-app:hover{transform:translateY(-3px);border-color:var(--border-strong)}.lp-frame{position:relative;aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(135deg,transparent 0 11px,color-mix(in srgb,var(--border) 45%,transparent) 11px 12px),var(--bg-deep);border-bottom:1px solid var(--border);color:var(--text-dim)}.lp-frame-mark{display:flex;padding:9px;border-radius:8px;background:var(--bg-panel);border:1px solid var(--border-strong)}.lp-frame-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:4px;background:var(--bg-panel)}.lp-app-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.lp-app-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.lp-app-icon{display:flex;color:var(--accent)}.lp-app-name{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.06em;color:var(--text)}.lp-app-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:3px 8px;border:1px solid var(--border);border-radius:999px}.lp-app-blurb{font-size:13px;line-height:1.65;color:var(--text-dim);margin-bottom:20px}.lp-app-blurb em{color:var(--text);font-style:italic}.lp-app-body .btn{align-self:flex-start;margin-top:auto}.lp-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.lp-strip-item{background:var(--bg-panel);padding:22px 18px}.lp-strip-icon{display:inline-flex;color:var(--accent);margin-bottom:12px}.lp-strip-item h3{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.lp-strip-item p{font-size:12px;line-height:1.6;color:var(--text-dim)}.lp-access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}.lp-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow-panel);transition:border-color .25s ease,box-shadow .25s ease}.lp-panel-highlight{border-color:var(--accent);box-shadow:var(--shadow-panel),0 0 0 1px var(--accent-soft),0 0 22px var(--accent-soft)}.lp-panel-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px}.lp-panel-title .icon{color:var(--accent)}.lp-panel-body{font-size:13px;line-height:1.6;color:var(--text-dim);margin-bottom:16px}.lp-panel-actions{display:flex;flex-wrap:wrap;gap:10px}.lp-form{display:flex;flex-direction:column;gap:10px;align-items:stretch}.lp-form .btn{align-self:flex-start}.lp-inline-form{display:flex;gap:8px}.lp-inline-form .lp-input{flex:1;min-width:0}.lp-inline-form .btn{flex:none}.lp-input{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:10px 13px;font-family:var(--font-ui);font-size:13px;outline:none;width:100%}.lp-input:focus{border-color:var(--accent)}.lp-input::placeholder{color:var(--text-dim)}.lp-textarea{resize:vertical;line-height:1.5;min-height:76px}.lp-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lp-msg{font-size:12px;line-height:1.5;margin-top:10px;min-height:18px;word-break:break-word}.lp-msg-ok{color:var(--ok)}.lp-msg-err{color:var(--danger)}.lp-invite{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.lp-code{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--lcd-text);background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:5px;padding:3px 9px}.lp-invite-uses{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.lp-invite .btn{margin-left:auto}.lp-empty{font-size:12px;color:var(--text-dim);padding:8px 0}#lp-invite-list:not(:empty){margin-bottom:16px}.lp-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:var(--lp-max);width:100%;margin:auto auto 0;padding:26px 24px 34px;border-top:1px solid var(--border)}.lp-footer-links{display:flex;gap:18px}.lp-footer-links a{font-size:12px;color:var(--text-dim);text-decoration:none}.lp-footer-links a:hover{color:var(--text)}.lp-footer-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-dim)}@media (max-width: 860px){.lp-apps{grid-template-columns:1fr}.lp-strip{grid-template-columns:repeat(2,1fr)}.lp-access-grid{grid-template-columns:1fr}}@media (max-width: 560px){.lp-nav{padding:11px 16px}.lp-hero{padding:56px 16px 44px}.lp-lede{font-size:15px}.lp-section{padding:36px 16px}.lp-notices{padding:0 16px}.lp-strip{grid-template-columns:1fr}.lp-footer{padding:22px 16px 28px;justify-content:center;text-align:center}.lp-panel{padding:18px}.lp-inline-form{flex-direction:column}.lp-inline-form .btn{align-self:stretch}.lp-notice{display:grid;grid-template-columns:auto 1fr}.lp-notice .btn{grid-column:2;justify-self:start;margin-left:0}.lp-invite .btn{margin-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.seq-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:10px 12px}.seq-lanes{display:flex;flex-direction:column;gap:6px;flex-shrink:1;min-height:60px;overflow-y:auto}.seq-lane-block{display:flex;flex-direction:column;gap:3px}.seq-lane,.seq-audio-lane{display:grid;grid-template-columns:minmax(64px,90px) 1fr 18px;align-items:center;gap:6px;height:30px}.seq-audio-lane{height:26px}.seq-audio-lane.drag-over .seq-audio-empty,.seq-audio-lane.drag-over .seq-audio-wave{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.seq-audio-tag{font-family:var(--font-mono);font-size:7px;font-weight:600;letter-spacing:.14em;color:var(--text-dim);opacity:.7}.seq-audio-body{display:flex;align-items:center;gap:5px;height:100%;min-width:0}.seq-audio-empty{flex:1;height:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px dashed var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;cursor:pointer;transition:border-color .15s,color .15s}.seq-audio-empty:hover{border-color:var(--border-strong);color:var(--text)}.seq-audio-wave{flex:1;height:100%}.seq-audio-name{position:absolute;top:1px;left:4px;font-family:var(--font-mono);font-size:7px;letter-spacing:.06em;color:var(--lcd-dim);pointer-events:none;z-index:1;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.seq-audio-bars{flex-shrink:0;height:20px;padding:0 6px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;cursor:pointer}.seq-audio-bars:hover:not(:disabled){border-color:var(--border-strong);color:var(--accent)}.seq-audio-bars:disabled{cursor:default;opacity:.7}.seq-audio-lanes{display:flex;flex-direction:column;gap:3px}.seq-audio-mute{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:20px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer}.seq-audio-mute:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.seq-audio-mute:disabled{cursor:default;opacity:.7}.seq-audio-mute.active{color:#e5484d;border-color:#e5484d;box-shadow:0 0 6px #e5484d4d}.seq-audio-lane.loop-muted .seq-audio-wave{opacity:.4}input[type=range].seq-audio-vol{flex-shrink:0;width:52px;cursor:pointer}input[type=range].seq-audio-vol::-webkit-slider-thumb{width:10px;height:10px}input[type=range].seq-audio-vol:disabled{cursor:default;opacity:.6}.seq-audio-recbtn{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;height:20px;padding:0 7px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;cursor:pointer}.seq-audio-recbtn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.seq-audio-recbtn:disabled{cursor:default;opacity:.5}.seq-audio-recbtn.waiting{color:var(--accent);border-color:var(--accent);animation:rec-pulse 1s ease-in-out infinite}.seq-audio-recbtn.recording{color:#e5484d;border-color:#e5484d;box-shadow:0 0 8px #e5484d66;animation:rec-pulse .6s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.55}}.seq-export-btn{flex-shrink:0;height:22px;padding:0 7px;background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.seq-export-btn:hover{background:var(--bg-input);color:var(--text);border-color:var(--border-strong)}.seq-export-btn.waiting{color:var(--accent);border-color:var(--accent);animation:rec-pulse 1s ease-in-out infinite}.seq-export-btn.recording{color:#e5484d;border-color:#e5484d;box-shadow:0 0 8px #e5484d66;animation:rec-pulse .6s ease-in-out infinite}.seq-lane-clear.confirm-arm{color:#e5484d;border-color:#e5484d;background:var(--bg-input);box-shadow:0 0 8px #e5484d73;animation:rec-pulse .8s ease-in-out infinite}.seq-lane-label{display:flex;align-items:center;justify-content:flex-end;gap:5px;overflow:hidden}.seq-lane-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.seq-lane-name{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.08em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-lane-wave{position:relative;height:100%;background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:4px;overflow:hidden}.seq-lane-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.seq-lane-ph{position:absolute;top:0;left:0;width:1px;height:100%;background:var(--lcd-text);opacity:.8;pointer-events:none}.seq-lane.lane-recording .seq-lane-wave{border-color:#e5484d;box-shadow:0 0 8px #e5484d59}.seq-lane-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-dim);cursor:pointer}.seq-lane-clear:hover{color:var(--danger);background:var(--bg-input)}.seq-banks,.seq-song{display:flex;align-items:center;gap:5px;flex-shrink:0;flex-wrap:wrap}.seq-song.hidden{display:none}.seq-bank-chips,.seq-song-chips{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.seq-bank-chip{height:20px;min-width:26px;padding:0 7px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;cursor:pointer}.seq-bank-chip:hover{border-color:var(--border-strong);color:var(--text)}.seq-bank-chip.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.seq-bank-chip.pending{animation:rec-pulse .6s ease-in-out infinite}.seq-bank-rename{width:60px;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:9px}.seq-bank-btn{height:20px;padding:0 6px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;cursor:pointer}.seq-bank-btn:hover{border-color:var(--border-strong);color:var(--text)}.seq-bank-btn.active{color:var(--accent);border-color:var(--accent)}.seq-bank-del.confirm-arm{color:#e5484d;border-color:#e5484d;animation:rec-pulse .8s ease-in-out infinite}.seq-mode{display:flex;gap:3px}.seq-mode-btn{height:20px;padding:0 7px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;cursor:pointer}.seq-mode-btn.active{color:var(--accent);border-color:var(--accent);background:var(--bg-input)}.seq-song-chip{display:flex;align-items:center;gap:3px;height:20px;padding:0 3px 0 7px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:9px;color:var(--text-dim);cursor:grab}.seq-song-chip.playing{color:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.seq-song-chip.drag-over{border-color:var(--accent)}.seq-song-chip-name{font-weight:600;letter-spacing:.06em}.seq-song-chip-rep,.seq-song-chip-x{background:transparent;border:none;padding:0 3px;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;cursor:pointer}.seq-song-chip-rep:hover{color:var(--accent)}.seq-song-chip-x:hover{color:var(--danger)}.seq-roll-toggle{display:flex;align-items:center;gap:3px;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:4px;padding:1px 4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;cursor:pointer}.seq-roll-toggle:hover{color:var(--text);background:var(--bg-input)}.seq-roll-toggle.active{color:var(--accent);border-color:var(--border-strong)}.seq-roll-toggle.active .seq-roll-chevron{transform:rotate(90deg)}.seq-roll-chevron{transition:transform .15s ease}.seq-roll{display:flex;flex-direction:column;gap:4px;margin:4px 0 2px}.seq-roll.hidden{display:none}.seq-roll-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.seq-roll-label{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.08em;color:var(--text-dim)}.seq-roll-grid,.seq-roll-key,.seq-roll-scale{height:20px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:9px;cursor:pointer}.seq-roll-sep{width:1px;align-self:stretch;margin:2px;background:var(--border)}.seq-roll-strength{width:70px}.seq-roll-strength-val{font-family:var(--font-mono);font-size:8px;color:var(--text-dim);min-width:26px}.seq-roll-apply{height:20px;padding:0 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;cursor:pointer}.seq-roll-apply:hover{border-color:var(--accent);color:var(--accent)}.seq-roll-hint{font-family:var(--font-mono);font-size:8px;color:var(--text-dim);opacity:.7;margin-left:auto;white-space:nowrap}.seq-roll-wave{position:relative;height:140px;background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:4px;overflow:hidden;cursor:crosshair}.seq-roll-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.seq-roll-velwrap{position:relative;height:32px;background:var(--lcd-bg);border:1px solid var(--lcd-border);border-radius:4px;overflow:hidden;cursor:ns-resize}.seq-roll-vel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.seq-grid-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}.seq-grid-wrap.grid-hidden{flex:0 0 auto}.seq-grid-wrap.grid-hidden .seq-grid,.seq-grid-wrap.grid-hidden .seq-clear-btn{display:none}.seq-grid-wrap:not(.grid-hidden) .seq-grid-chevron{transform:rotate(90deg)}.seq-grid-chevron{transition:transform .15s ease}.seq-grid-toggle{display:flex;align-items:center;gap:5px;background:transparent;border:none;padding:2px 4px 2px 0;color:var(--text-dim);cursor:pointer}.seq-grid-toggle:hover .seq-section-label{color:var(--text)}.seq-grid-header{display:flex;align-items:center;gap:6px;flex-shrink:0}.seq-grid-header .toolbar-btn{width:20px;height:20px}.seq-grid-header .seq-clear-btn{margin-left:auto}.seq-div{display:flex;gap:3px;margin-left:8px}.seq-div-btn{min-width:26px;height:18px;padding:0 4px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;cursor:pointer}.seq-div-btn:hover{border-color:var(--border-strong);color:var(--text)}.seq-div-btn.active{color:var(--accent);border-color:var(--accent)}.seq-grid-mix{display:flex;align-items:center;gap:5px;margin-left:10px}.seq-grid-vol{width:52px;height:18px;accent-color:var(--accent);cursor:pointer}.seq-grid-mute{display:flex;align-items:center;justify-content:center;width:22px;height:18px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer}.seq-grid-mute:hover{border-color:var(--border-strong);color:var(--text)}.seq-grid-mute.active{color:#e5484d;border-color:#e5484d;box-shadow:0 0 6px #e5484d4d}.seq-grid.grid-muted{opacity:.45}.seq-swing{display:flex;align-items:center;gap:5px;margin-left:10px}.seq-swing-label,.seq-swing-value{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:var(--text-dim)}.seq-swing-value{min-width:24px}input[type=range].seq-swing-slider{width:64px;flex-shrink:0;cursor:pointer}input[type=range].seq-swing-slider::-webkit-slider-thumb{width:10px;height:10px}.seq-section-label{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.18em;color:var(--text-dim)}.seq-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(44px,max-content) repeat(16,1fr);grid-auto-rows:1fr;gap:2px;-webkit-user-select:none;user-select:none}.seq-row-label{display:flex;align-items:center;justify-content:flex-end;padding-right:7px;font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);overflow:hidden;white-space:nowrap}.seq-cell{min-width:0;min-height:0;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:background .08s,border-color .08s}.seq-cell:hover{border-color:var(--border-strong)}.seq-cell.beat-start{margin-left:4px}.seq-cell.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.seq-cell.playhead{border-color:var(--text-dim)}.seq-cell.on.playhead{filter:brightness(1.45);box-shadow:0 0 10px var(--accent-glow)}.seq-play-btn.active{color:var(--accent)}.seq-rec-btn{color:var(--text-dim)}.seq-rec-btn:hover{color:#e5484d}.seq-rec-btn.countin{color:#e5484d;animation:seq-rec-blink .5s step-end infinite}.seq-rec-btn.recording{color:#e5484d;border-color:#e5484d99;background:#e5484d1f}@keyframes seq-rec-blink{50%{opacity:.25}}.seq-bars{display:flex;align-items:center;gap:3px;flex-shrink:0}.seq-bars-btn{min-width:20px;height:20px;padding:0 4px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;cursor:pointer}.seq-bars-btn:hover{border-color:var(--border-strong);color:var(--text)}.seq-bars-btn.active{color:var(--accent);border-color:var(--border-strong);box-shadow:var(--recess)}.seq-bars-label{font-family:var(--font-mono);font-size:7px;letter-spacing:.1em;color:var(--text-dim)}.seq-pos-lcd{padding:3px 8px;min-width:42px;text-align:center;flex-shrink:0}.seq-pos-text{font-family:var(--font-mono);font-size:12px;color:var(--lcd-text);position:relative;z-index:1}.seq-bpm-lcd{display:flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;flex-shrink:0}.seq-bpm-input{width:44px;background:transparent;border:none;outline:none;color:var(--lcd-text);font-family:var(--font-mono);font-size:12px;text-align:right;padding:3px 0 3px 6px;position:relative;z-index:1;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.seq-bpm-input::-webkit-outer-spin-button,.seq-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.seq-bpm-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:var(--lcd-dim);z-index:1}.project-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center}.project-overlay.hidden{display:none}.project-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-modal{position:relative;z-index:1;width:min(520px,calc(100vw - 32px));max-height:min(80vh,720px);background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;overflow:hidden}.project-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.project-header h3{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--text)}.project-close{background:none;border:none;color:var(--text-dim);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.project-close:hover{color:var(--text)}.project-body{padding:12px 14px;overflow-y:auto;flex:1}.project-current{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-current-name{flex:1;font-family:var(--font-mono);font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-current-name.dirty{color:var(--accent-hover)}.project-saveas{display:flex;gap:6px;margin-bottom:12px}.project-name-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-ui);font-size:12px;padding:6px 8px;outline:none}.project-name-input:focus{border-color:var(--accent)}.project-meter{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.project-meter-bar{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden;margin-bottom:5px}.project-meter-fill{height:100%;width:0%;background:var(--accent);border-radius:3px;transition:width .3s ease}.project-meter-fill.near{background:var(--danger)}.project-meter-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.project-meter-warn{display:block;margin-top:4px;font-size:10px;color:var(--danger)}.project-meter-warn.hidden{display:none}.project-list-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-bottom:6px}.project-list{display:flex;flex-direction:column;gap:4px}.project-empty{font-size:11px;color:var(--text-dim);padding:10px 4px}.project-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#00000024;border:1px solid var(--border);border-radius:8px}[data-theme=light] .project-row{background:#5a4b320a}.project-row.active{border-color:var(--accent)}.project-row-name{flex:1;min-width:0;text-align:left;background:none;border:none;color:var(--text);font-family:var(--font-ui);font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.project-row-name:hover{color:var(--accent-hover)}.project-row-meta{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.tb-mode{display:flex;flex-shrink:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.tb-mode-btn{padding:5px 14px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--text-dim);background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));border:none;cursor:pointer;transition:color .15s,background .15s}.tb-mode-btn+.tb-mode-btn{border-left:1px solid var(--border)}.tb-mode-btn:hover{color:var(--text)}.tb-mode-btn.active{color:var(--bg-deep);background:linear-gradient(180deg,var(--accent-hover),var(--accent))}.tb-dock.disabled{opacity:.35;pointer-events:none}#col-center.collab-mode>.panel{display:none!important}.collab-workspace{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;overflow-y:hidden}.collab-workspace.hidden{display:none}.collab-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.collab-title{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--accent)}.collab-sub{font-size:11px;color:var(--text-dim)}.collab-transport{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px}.collab-transport .tb-divider{height:auto;align-self:stretch}.ct-zone{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ct-divider-push{margin-left:auto}.tp-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));color:var(--text);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .08s}.tp-btn:hover{background:var(--bg-hover)}.tp-btn:active{transform:translateY(1px)}.tp-btn:disabled{opacity:.5;cursor:not-allowed}.tp-play{color:var(--accent)}.collab-play.playing{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.tp-record{color:var(--danger)}.tp-record.recording{border-color:var(--danger);animation:tp-record-pulse 1.1s ease-in-out infinite}@keyframes tp-record-pulse{0%,to{box-shadow:0 0 4px var(--danger)}50%{box-shadow:0 0 13px var(--danger)}}.collab-pos{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:18px;font-weight:700;min-width:50px;color:var(--text)}.collab-playdot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.collab-playdot.on{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.collab-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.collab-seek-group,.collab-loop-region,.collab-tempo{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text-dim)}.collab-loop-region.hidden{display:none}.collab-loop-group{display:flex;align-items:center;gap:4px}.collab-seek,.collab-loop-from,.collab-loop-to,.collab-bpm-input{width:46px;padding:4px 6px;font-family:var(--font-mono);font-size:11px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:5px}.collab-bpm-input{width:44px;font-size:13px;font-weight:700}.collab-timesig{padding:4px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:5px;cursor:pointer}.collab-transport input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.collab-transport input[type=number]::-webkit-inner-spin-button,.collab-transport input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tp-toggle{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:46px;padding:4px 6px;border:1px solid var(--border-strong);border-radius:6px;background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .08s}.tp-toggle:hover{background:var(--bg-hover);color:var(--text)}.tp-toggle:active{transform:translateY(1px)}.tp-lbl{font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.08em}.tp-caret{display:flex;align-items:center;justify-content:center;width:22px;height:34px;border:1px solid var(--border-strong);border-radius:6px;background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));color:var(--text-dim);cursor:pointer;transition:transform .15s,background .15s,color .15s}.tp-caret:hover{background:var(--bg-hover);color:var(--text)}.collab-loop-caret.open{transform:rotate(90deg)}.collab-loop-toggle.active,.collab-metronome.active,.collab-countin.active,.collab-live.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.collab-live.active{animation:collab-busy-pulse 2s ease-in-out infinite}.collab-export.busy,.collab-export-stems.busy,.collab-send.busy{color:var(--accent);border-color:var(--accent);animation:collab-busy-pulse 1s ease-in-out infinite}.collab-send.busy:disabled{opacity:1;cursor:progress}@keyframes collab-busy-pulse{0%,to{box-shadow:0 0 4px var(--accent-glow)}50%{box-shadow:0 0 12px var(--accent-glow)}}.collab-timeline-mount{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto}.collab-dock-mount{flex:0 0 auto}.song-dock{display:flex;flex-direction:column;gap:6px}.song-dock-header{display:flex;align-items:baseline;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}.song-dock-title{color:var(--accent);font-weight:700;white-space:nowrap}.song-dock-hint{color:var(--text-dim)}.song-dock-body{height:300px;max-height:320px;overflow:hidden;display:flex}.song-dock-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--border);border-radius:10px;background:var(--bg-raised);color:var(--text-dim);font-size:11px}.song-dock-placeholder b{color:var(--text);font-size:12px}.instrument-panel.docked{position:static;width:100%;height:100%;z-index:auto;box-shadow:none}.instrument-panel.docked .corner-resize{display:none}.instrument-panel.docked .instrument-toolbar{cursor:default}.instrument-panel.docked .hide-btn,.instrument-panel.docked .collapse-toggle{display:none}.incoming-modal{width:min(440px,calc(100vw - 32px))}.incoming-detail{margin:0 0 10px;font-size:13px;color:var(--text-primary)}.incoming-warn{margin:0 0 16px;font-size:12px;line-height:1.5;color:var(--text-dim)}.incoming-actions{display:flex;gap:8px;align-items:center}.tl-panel{display:flex;flex-direction:column;gap:8px}.tl-panel.hidden{display:none}.tl-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px}.tl-toolbar-label{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--text-dim)}.tl-library{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.tl-library-empty{font-size:10px;color:var(--text-dim)}.tl-chip{height:22px;padding:0 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:11px;color:var(--text);font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;cursor:grab;white-space:nowrap}.tl-chip.tl-kind-bank{border-color:var(--accent)}.tl-chip.tl-kind-audio{border-color:#7fb069}.tl-chip.tl-kind-midi{border-color:#6a9fd8}.tl-chip:hover{background:var(--bg-raised)}.tl-chip.armed.tl-kind-bank{background:var(--accent);color:var(--bg-deep)}.tl-chip.armed.tl-kind-audio{background:#7fb069;color:var(--bg-deep)}.tl-chip.armed.tl-kind-midi{background:#6a9fd8;color:var(--bg-deep)}.tl-toolbar-right{display:flex;align-items:center;gap:6px;margin-left:auto}.tl-snap,.tl-newtrack-inst{height:22px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:9px;cursor:pointer}.tl-newtrack{border-color:var(--accent);color:var(--accent);white-space:nowrap}.tl-newtrack:hover{background:var(--accent);color:var(--bg-deep)}.tl-zoom-in,.tl-zoom-out{min-width:26px}.tl-body{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-panel)}.tl-headers{width:190px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-raised)}.tl-header-spacer{height:26px;border-bottom:1px solid var(--border);box-sizing:border-box}.tl-header{height:72px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 6px 0 8px;border-bottom:1px solid var(--border);cursor:pointer}.tl-header-top{display:flex;align-items:center;gap:6px;min-height:18px}.tl-header.tl-lane-muted .tl-header-top,.tl-header.tl-lane-muted .tl-mix-fadergroup,.tl-header.tl-lane-muted .tl-mix-pan{opacity:.45}.tl-header.tl-lane-solo{box-shadow:inset 2px 0 0 var(--accent)}.tl-header.tl-lane-selected{background:var(--bg-input)}.tl-header.tl-lane-selected .tl-header-name{color:var(--accent);font-weight:700}.tl-header-mixer{display:flex;align-items:stretch;gap:7px;flex:1;min-height:0}.tl-mix-toggles{display:flex;flex-direction:column;justify-content:center;gap:3px;flex-shrink:0}.tl-mix-btn{flex-shrink:0;width:16px;height:14px;padding:0;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;font-weight:700;line-height:1;cursor:pointer}.tl-mix-btn:hover{color:var(--text);border-color:var(--text-dim)}.tl-mix-mute.on{background:#e5484d;border-color:#e5484d;color:var(--bg-deep)}.tl-mix-mute.implied{border-color:#e5484d;color:#e5484d}.tl-mix-solo.on{background:var(--accent);border-color:var(--accent);color:var(--bg-deep)}.tl-mix-fadergroup{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.tl-mix-faderrow{display:flex;align-items:stretch;gap:4px;height:40px}.tl-mix-fader{position:relative;width:18px;height:40px;cursor:ns-resize;touch-action:none;flex-shrink:0}.tl-mix-fader:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:3px;transform:translate(-50%);background:var(--bg-deep);border:1px solid var(--border);border-radius:2px}.tl-mix-fader-fill{position:absolute;left:50%;bottom:2px;width:3px;height:0;transform:translate(-50%);background:var(--accent);border-radius:2px;opacity:.65;pointer-events:none}.tl-mix-fader-thumb{position:absolute;left:50%;bottom:0;width:15px;height:6px;transform:translate(-50%,50%);background:var(--text);border:1px solid var(--bg-deep);border-radius:2px;box-shadow:0 1px 2px #00000080;pointer-events:none}.tl-mix-fader:hover .tl-mix-fader-thumb{background:var(--accent-hover)}.tl-mix-meter{position:relative;width:5px;height:40px;background:var(--bg-deep);border:1px solid var(--border);border-radius:2px;overflow:hidden;flex-shrink:0}.tl-mix-meter-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(to top,#4a9e5c,#4a9e5c 55%,#cbb545 80%,#e5484d);transition:height 80ms linear}.tl-mix-labels{display:flex;align-items:baseline;justify-content:center;gap:5px}.tl-mix-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;color:var(--text-dim)}.tl-mix-db{font-family:var(--font-mono);font-size:9px;color:var(--accent);opacity:.85;min-width:26px}.tl-mix-pan{align-self:center}.tl-header-kind{flex-shrink:0;padding:1px 5px;font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.1em;border-radius:3px;color:var(--bg-deep)}.tl-header-kind.tl-kind-bank{background:var(--accent)}.tl-header-kind.tl-kind-audio{background:#7fb069}.tl-header-kind.tl-kind-midi{background:#6a9fd8}.tl-header-inst{flex-shrink:0;height:15px;padding:0 1px;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.05em;cursor:pointer}.tl-header-inst:hover{color:var(--text);border-color:var(--text-dim)}.tl-header.tl-lane-selected .tl-header-inst{color:var(--accent);border-color:var(--accent)}.tl-header-name{flex:1;min-width:0;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.tl-header-rename{flex:1;min-width:0;height:20px;padding:0 4px;background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:10px}.tl-header-del{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:4px;padding:1px 4px;color:var(--text-dim);font-size:9px;cursor:pointer}.tl-header-del:hover{color:var(--text)}.tl-header-del.confirm-arm{color:#e5484d;border-color:#e5484d;animation:rec-pulse .8s ease-in-out infinite}.tl-header-phantom{flex-direction:row;align-items:center;justify-content:center;cursor:default;gap:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text-dim);opacity:.85;border-bottom:none}.tl-header-arm{flex-shrink:0;width:14px;height:14px;padding:0;box-sizing:border-box;background:transparent;border:2px solid var(--text-dim);border-radius:50%;opacity:.6;cursor:pointer}.tl-header-arm:hover:not(:disabled){opacity:1;border-color:var(--danger)}.tl-header-arm:disabled{opacity:.3;cursor:default}.tl-header-arm.armed{opacity:1;background:var(--danger);border-color:var(--danger)}.tl-header-arm.armed.recording{animation:rec-pulse .8s ease-in-out infinite}.tl-header-addnew{background:transparent;border:1px solid var(--border);border-radius:4px;padding:2px 5px;color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;cursor:pointer}.tl-header-addnew:hover{border-color:var(--accent);color:var(--accent)}.tl-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.tl-content{position:relative}.tl-canvas{display:block}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 6px var(--accent-glow);pointer-events:none}.tl-playhead.hidden{display:none}.tl-recstrip{position:absolute;top:26px;bottom:0;background:#e5484d;opacity:.14;pointer-events:none}.tl-recstrip.hidden{display:none}.tl-hint{font-family:var(--font-mono);font-size:9px;color:var(--text-dim)}.tl-hint.tl-hint-rec{color:#e5484d;animation:rec-pulse .8s ease-in-out infinite}.tl-roll{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px}.tl-roll.hidden{display:none}.tl-roll-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-roll-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent)}.tl-roll-grid,.tl-roll-key,.tl-roll-scale{height:20px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:9px;cursor:pointer}.tl-roll-hint{flex:1;font-family:var(--font-mono);font-size:8px;color:var(--text-dim)}.tl-roll-wave{position:relative;height:190px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;overflow:hidden}.tl-roll-canvas{display:block;width:100%;height:100%}.tl-roll-velwrap{height:36px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;overflow:hidden}.tl-roll-vel{display:block;width:100%;height:100%}.tl-canvas.tl-sample-over,canvas.tl-sample-over{box-shadow:inset 0 0 0 2px var(--accent-glow)}.sample-browser{position:fixed;top:96px;right:24px;z-index:1400;width:320px;max-height:min(70vh,560px);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-pop);overflow:hidden;font-family:var(--font-ui)}.sample-browser.hidden{display:none}.sample-browser.sb-drag-over{box-shadow:var(--shadow-pop),inset 0 0 0 2px var(--accent-glow)}.sb-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:grab;flex-shrink:0}.sb-title{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--text)}.sb-folder{flex:1;min-width:0;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-close{background:none;border:none;color:var(--text-dim);font-size:14px;line-height:1;cursor:pointer;padding:0 2px}.sb-close:hover{color:var(--text)}.sb-controls{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sb-pick,.sb-audition{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);background:linear-gradient(180deg,var(--bg-raised),var(--bg-input));border:1px solid var(--border);border-radius:6px;padding:5px 9px;cursor:pointer;white-space:nowrap}.sb-pick:hover,.sb-audition:hover{color:var(--text);border-color:var(--border-strong)}.sb-audition.active{color:var(--accent);border-color:var(--accent)}.sb-filter{flex:1;min-width:0;font-family:var(--font-mono);font-size:11px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:5px 8px}.sb-filter:focus{outline:none;border-color:var(--accent)}.sb-list{flex:1;overflow-y:auto;padding:4px}.sb-list:focus{outline:none}.sb-row{font-family:var(--font-mono);font-size:11px;color:var(--text);padding:5px 8px;border-radius:5px;cursor:grab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.sb-row:hover{background:var(--bg-hover)}.sb-row.highlight{background:var(--accent-soft);color:var(--accent-hover);box-shadow:inset 0 0 0 1px var(--accent)}.sb-empty{padding:16px 10px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-align:center}.sb-hint{padding:7px 12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:9.5px;line-height:1.4;color:var(--text-dim);flex-shrink:0}