:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-app:#fff;--bg-panel:#fafafa;--bg-sunken:#f5f5f5;--bg-mute:#eaeaea;--border:#444;--border-soft:#d0d0d0;--border-subtle:#ddd;--text-primary:#222;--text-secondary:#555;--text-muted:#888;--text-faint:#aaa;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg-app:#0e0e10;--bg-panel:#1a1a1c;--bg-sunken:#18181a;--bg-mute:#242428;--border:#2a2a2e;--border-soft:#2e2e34;--border-subtle:#2a2a2e;--text-primary:#ededed;--text-secondary:#b8b8b8;--text-muted:#888;--text-faint:#666}body{background:var(--bg-app);color:var(--text-primary);margin:0}body.knob-dragging,body.knob-dragging *{cursor:none!important}.library{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-panel);width:100%;color:var(--text-primary);border-radius:8px;flex-direction:column;min-height:0;padding:10px;transition:border-color .1s,background .1s;display:flex}.library--dragging{background:#e8f1fb;border-color:#4a9eff}.library__header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.library__title{color:var(--text-muted);letter-spacing:.5px;flex:1;font-size:11px;font-weight:700}.library__count{color:#4a9eff;margin-left:4px}.library__add{color:#4a9eff;background:var(--bg-app);cursor:pointer;border:1px solid #4a9eff;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:background .1s,color .1s}.library__add:hover{color:#fff;background:#4a9eff}.library__fullscreen{width:26px;height:26px;color:var(--text-secondary);background:var(--bg-app);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;padding:0;font-size:14px;line-height:1}.library__fullscreen:hover{background:var(--bg-mute);color:var(--text-primary)}.library__search{flex-shrink:0;align-items:center;margin-bottom:6px;display:flex;position:relative}.library__search-icon{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;left:8px}.library__search-input{border:1px solid var(--border-subtle);background:var(--bg-app);min-width:0;color:var(--text-primary);border-radius:4px;flex:1;padding:6px 28px 6px 26px;font-size:12px}.library__search-input:focus{border-color:#4a9eff;outline:none}.library__search-input::-webkit-search-cancel-button{display:none}.library__search-clear{width:20px;height:20px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0;font-size:14px;position:absolute;right:4px}.library__search-clear:hover{color:var(--text-primary);background:var(--bg-mute)}.library__body{flex:1;gap:8px;min-height:0;display:flex}.library__left{flex-direction:column;flex-shrink:0;min-height:0;display:flex}.library__sidebar{background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:4px;flex-direction:column;flex:1;gap:1px;min-height:0;padding:4px 0;display:flex;overflow-y:auto}.library__sidebar-resizer{cursor:col-resize;z-index:1;background:0 0;flex-shrink:0;width:6px;margin:0 -2px;position:relative}.library__sidebar-resizer:after{content:"";background:0 0;border-radius:1px;width:2px;transition:background .1s;position:absolute;top:0;bottom:0;left:2px}.library__sidebar-resizer:hover:after,.library__sidebar-resizer:active:after{background:#4a9eff}.library__tree-section+.library__tree-section{margin-top:2px}.library__tree-node{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;grid-template-columns:14px 18px 1fr auto;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;font-size:12px;transition:background 80ms,color 80ms,border-color 80ms;display:grid}.library__tree-node:hover{background:var(--bg-mute);color:var(--text-primary)}.library__tree-node--section{color:var(--text-primary);font-weight:600}.library__tree-node--child{padding-left:22px}.library__tree-node--active{color:var(--text-primary);background:#4a9eff2e;border-left-color:#4a9eff}.library__tree-node--drop{color:#fff;outline-offset:-2px;background:#4a9eff52;border-left-color:#4a9eff;outline:1px dashed #4a9eff}.library__tree-node--active .library__tree-icon{color:#4a9eff}.library__tree-disclosure{color:var(--text-muted);text-align:center;font-size:8px}.library__tree-icon{text-align:center;color:var(--text-muted);font-size:13px}.library__tree-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library__tree-rename{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #4a9eff;outline:none;flex:1;padding:0 2px;font-size:12px}.library__tree-count{font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--bg-mute);text-align:center;border-radius:8px;min-width:18px;padding:1px 6px;font-size:10px}.library__tree-node--active .library__tree-count{color:#fff;background:#4a9eff4d}.library__tree-empty{color:var(--text-faint);padding:4px 8px 4px 32px;font-size:11px;font-style:italic}.library__context-menu{z-index:100;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;min-width:180px;padding:4px 0;display:flex;position:fixed;box-shadow:0 4px 16px #00000059}.library__context-item{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-family:inherit;font-size:12px}.library__context-item:hover{background:#4a9eff2e}.library__context-item--danger{color:#d44b2c}.library__context-item--danger:hover{background:#d44b2c2e}.library__context-section{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);padding:4px 14px 2px;font-size:9px;font-weight:700}.library__context-separator{background:var(--border-subtle);height:1px;margin:4px 0}.library__table-scroll{border:1px solid var(--border-subtle);background:var(--bg-app);border-radius:4px;flex:1;min-width:0;max-height:30vh;overflow:auto}.library__table{border-collapse:collapse;table-layout:fixed;width:100%;color:var(--text-primary);font-size:12px}.library__row--header th{background:var(--bg-sunken);border-bottom:1px solid var(--border-subtle);z-index:1;position:sticky;top:0}.library__row{cursor:grab;-webkit-user-select:none;user-select:none}.library__row:active{cursor:grabbing}.library__row:not(.library__row--header):hover{background:var(--bg-mute)}.library__row--selected{background:#4a9eff2e}.library__row--selected:hover{background:#4a9eff40}.library__row--ghost{cursor:default;color:var(--text-muted)}.library__row--ghost:hover{background:var(--bg-app)}.library__cell{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:4px 8px;overflow:hidden}.library__cell--header{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);padding:6px 0;font-size:10px;font-weight:700}.library__cell--header:hover{color:var(--text-primary)}.library__cell--sorted{color:#4a9eff}.library__sort-arrows{color:var(--border);vertical-align:middle;flex-direction:column;margin-left:4px;font-size:7px;line-height:.7;display:inline-flex}.library__sort-arrow--on{color:#4a9eff}.library__cell--title{color:var(--text-primary);font-weight:500}.library__cell--artist{color:var(--text-secondary)}.library__cell--num{color:var(--text-muted);font-variant-numeric:tabular-nums}.library__cell--actions{text-align:right;white-space:nowrap}.library__cell--actions>*{vertical-align:middle}.library__cell--actions>*+*{margin-left:3px}.library__bpm{color:#4a9eff;font-family:Courier New,monospace;font-weight:700}.library__bpm--analyzing{color:var(--text-muted)}.library__bpm--error{color:#c66}.library__cover{object-fit:cover;background:var(--bg-mute);vertical-align:middle;width:22px;height:22px;color:var(--text-faint);text-align:center;border-radius:3px;font-size:13px;line-height:22px;display:inline-block}.library__cover--missing{border:1px solid var(--border-subtle)}.library__cell--key{text-align:center;color:var(--text-secondary);font-family:Courier New,monospace;font-weight:700}.library__stars{gap:2px;display:inline-flex}.library__star{color:var(--border);cursor:pointer;background:0 0;border:none;padding:0 1px;font-family:inherit;font-size:13px;line-height:1;transition:color 50ms}.library__star:hover:not(:disabled),.library__star--on{color:#f5c84a}.library__star:disabled{cursor:not-allowed;opacity:.4}.library__empty{text-align:center;color:var(--text-faint);padding:24px 8px;font-size:13px;line-height:1.6}.library__load-btn{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:3px;width:22px;height:22px;padding:0;font-family:Courier New,monospace;font-size:11px;font-weight:700}.library__load-btn:hover:not(:disabled){background:#1a6abf}.library__load-btn:disabled{opacity:.4;cursor:not-allowed}.library__remove-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;width:22px;height:22px;margin-left:4px;padding:0;font-size:14px;font-weight:700}.library__remove-btn:hover{color:#c33;background:#cc33331a}.library--compact{padding:6px 10px}.library--compact .library__header{margin-bottom:4px;padding-bottom:4px}.library--compact .library__table-scroll{max-height:22vh}.library--fullscreen{height:100%}.library--fullscreen .library__table-scroll{flex:1;max-height:none}.library--fullscreen .library__body{flex:1;min-height:0}.library--compact .library__tree-node{padding:3px 6px;font-size:11px}.library--compact .library__tree-node--child{padding-left:18px}.library--compact .library__tree-icon,.library--compact .library__tree-disclosure{font-size:10px}.library--compact .library__table{font-size:11px}.library--compact .library__cell{padding:3px 6px}.library--compact .library__cell--header{padding:4px 6px;font-size:9px}.library--compact .library__load-btn{width:18px;height:18px;font-size:10px}.library--compact .library__remove-btn{width:18px;height:18px;font-size:12px}.tempo-fader{background:#1a1a1a;border-radius:6px;flex-direction:column;align-items:center;gap:8px;width:80px;padding:12px;display:flex}.tempo-fader__readout{color:#4a9eff;text-align:center;background:#000;border-radius:4px;min-width:60px;padding:4px 8px;font-family:Courier New,monospace;font-size:14px}.tempo-fader__slider{writing-mode:vertical-lr;cursor:pointer;direction:rtl;width:30px;height:clamp(80px,22vh,240px)}.tempo-fader__reset{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;width:22px;height:22px;padding:0;font-family:inherit;font-size:11px;font-weight:700;line-height:1;transition:color .15s,border-color .15s,background .15s}.tempo-fader--compact{gap:2px;width:48px;padding:3px}.tempo-fader--compact .tempo-fader__slider{height:clamp(40px,6vh,80px)}.tempo-fader--compact .tempo-fader__readout{min-width:38px;padding:1px 3px;font-size:9px}.tempo-fader--compact .tempo-fader__reset{width:12px;height:12px;font-size:7px}.nudge-buttons{justify-content:center;gap:4px;width:100%;display:flex}.nudge-buttons__btn{letter-spacing:.05em;color:#ddd;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2a2a2a;border:1px solid #444;border-radius:4px;flex:1;padding:6px 0;font-size:11px;font-weight:700;transition:background 80ms,border-color 80ms}.nudge-buttons__btn:hover:not(:disabled){background:#3a3a3a}.nudge-buttons__btn:active:not(:disabled){color:#fff;background:#d97706;border-color:#b45309}.nudge-buttons__btn:disabled{opacity:.4;cursor:default}.deck--compact .nudge-buttons{gap:1px}.deck--compact .nudge-buttons__btn{padding:1px 0;font-size:7px}.key-lock-button{color:#888;letter-spacing:.5px;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;font-size:9px;font-weight:700;transition:all .15s;display:flex}.key-lock-button:hover{color:#ccc;background:#333}.key-lock-button--active{color:#fff;background:#4a9eff;border-color:#4a9eff;box-shadow:0 0 8px #4a9eff80}.key-lock-button__icon{font-size:14px}.deck--compact .key-lock-button{gap:0;padding:2px 5px;font-size:7px}.deck--compact .key-lock-button__icon{font-size:9px}.tempo-fader__reset{color:#888;letter-spacing:.5px;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:9px;font-weight:700;transition:all .15s}.tempo-fader__reset:hover:not(:disabled){color:#fff;background:#4a9eff;border-color:#4a9eff}.tempo-fader__reset:disabled{opacity:.3;cursor:not-allowed}.sync-button{color:#fff;letter-spacing:1px;cursor:pointer;background:#2a2a2a;border:1px solid #4a9eff;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .15s}.sync-button:hover:not(:disabled){color:#fff;background:#4a9eff;box-shadow:0 0 10px #4a9eff99}.sync-button:disabled{opacity:.3;cursor:not-allowed;border-color:#444}.sync-button--locked{color:#fff;background:#4a9eff;box-shadow:0 0 10px #4a9eff99}.sync-button--locked:hover:not(:disabled){background:#3b8de6}.deck--compact .sync-button{letter-spacing:.3px;padding:2px 6px;font-size:8px}.transport-controls{align-items:center;gap:8px;margin-bottom:24px;display:flex}.deck--compact .transport-controls{gap:2px;margin-bottom:2px}.deck--compact .transport-controls__btn{min-width:24px;padding:1px 5px;font-size:10px}.deck--compact .transport-controls__btn--play{font-size:10px}.deck--compact .transport-controls__btn--cue{font-size:7px}.transport-controls__btn{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:6px;min-width:50px;padding:10px 14px;font-size:18px;font-weight:700;transition:all .1s}.transport-controls__btn:hover:not(:disabled){background:#3a3a3a;border-color:#666}.transport-controls__btn:disabled{opacity:.3;cursor:not-allowed}.transport-controls__btn--play{background:#1a6abf;border-color:#4a9eff;font-size:20px}.transport-controls__btn--play:hover:not(:disabled){background:#4a9eff}.transport-controls__btn--playing{background:#c66;border-color:#e88}.transport-controls__btn--playing:hover:not(:disabled){background:#e88}.transport-controls__btn--cue{letter-spacing:1px;background:#c2a000;border-color:#fc3;font-size:11px}.transport-controls__btn--cue:hover:not(:disabled){color:#000;background:#fc3}.transport-controls__btn--cue:active{color:#000;background:#ffe066}.transport-controls__btn--restart{background:#2a2a2a}.hot-cues{gap:6px;margin-bottom:12px;display:flex}.deck--compact .hot-cues{justify-content:flex-start;gap:2px;margin-bottom:2px}.deck--compact .hot-cue{flex:none;width:30px;height:15px;font-size:9px}.hot-cue{color:#888;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;flex:1;height:40px;font-family:Courier New,monospace;font-size:16px;font-weight:700;transition:background .1s,color .1s,border-color .1s}.hot-cue:hover:not(:disabled){color:#fff;background:#3a3a3a}.hot-cue:active:not(:disabled){transform:translateY(1px)}.hot-cue:disabled{cursor:not-allowed;opacity:.5}.hot-cue--set{color:#fff;background:#ff7e3a;border-color:#ff7e3a}.hot-cue--set:hover:not(:disabled){color:#fff;background:#ff944d}.loop-controls{align-items:center;gap:10px;margin-bottom:12px;display:flex}.deck--compact .loop-controls{gap:3px;margin-bottom:2px}.deck--compact .loop-controls__grid{flex:none;gap:1px}.deck--compact .loop-controls__row{gap:1px}.deck--compact .loop-button{flex:none;width:32px;height:12px;font-size:8px}.deck--compact .loop-controls__label{min-width:18px;font-size:7px}.loop-controls__label{color:#888;letter-spacing:.5px;min-width:36px;font-size:11px;font-weight:700}.loop-controls__grid{flex-direction:column;flex:1;gap:4px;display:flex}.loop-controls__row{flex:1;gap:4px;display:flex}.loop-button{color:#888;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;flex:1;height:26px;padding:0;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:background .1s,color .1s,border-color .1s}.loop-button:hover:not(:disabled){color:#fff;background:#3a3a3a}.loop-button:active:not(:disabled){transform:translateY(1px)}.loop-button:disabled{cursor:not-allowed;opacity:.5}.loop-button--active{color:#fff;background:#2cc46a;border-color:#2cc46a}.loop-button--active:hover:not(:disabled){color:#fff;background:#3ed47b}.loop-button--primed{color:#2cc46a;background:#2a2a2a;border-color:#2cc46a}.loop-button--primed:hover:not(:disabled){color:#3ed47b;background:#3a3a3a}.knob-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.knob{cursor:grab;background:radial-gradient(circle at 30% 30%,#4a4a4a,#1a1a1a 70%);border:2px solid #555;border-radius:50%;transition:border-color .1s;position:relative;box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffffff1a}.knob:hover{border-color:#4a9eff}.knob--dragging{cursor:grabbing;border-color:#4a9eff;box-shadow:0 0 8px #4a9eff99,inset 0 1px 2px #ffffff1a}.knob__default-tick{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:-6px}.knob__default-tick-mark{background:#aaa;border-radius:1px;width:2px;height:5px}.knob__indicator{justify-content:center;display:flex;position:absolute;inset:0}.knob__indicator-line{background:#4a9eff;border-radius:2px;width:3px;height:35%;margin-top:4px;box-shadow:0 0 4px #4a9effcc}.knob__label{color:#888;letter-spacing:.5px;font-size:10px;font-weight:700}.fx-toggle{color:#888;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e8e8e8;border:1px solid #888;border-radius:4px;width:44px;height:24px;font-size:11px;font-weight:700;transition:background .1s,color .1s,border-color .1s}.fx-toggle:hover{background:#d8d8d8}.fx-toggle:active{transform:translateY(1px)}.fx-toggle--on{color:#fff;background:#2c7a4b;border-color:#1f5a37}.fx-toggle--on:hover{background:#246340}.deck-fx{background:var(--bg-sunken);border:1px solid var(--border-soft);color:var(--text-primary);-webkit-user-select:none;user-select:none;border-radius:4px;margin-bottom:8px;padding:6px 12px 8px}.deck-fx__header{color:#888;letter-spacing:1px;justify-content:space-between;align-items:center;min-height:24px;margin-bottom:4px;font-size:9px;font-weight:700;display:flex}.deck-fx__row{justify-content:space-around;align-items:flex-start;gap:8px;display:flex}.deck-fx__col{flex-direction:column;align-items:center;gap:6px;min-width:56px;display:flex}.deck-fx__pad-spacer{height:20px}.deck-fx__pad{color:#888;letter-spacing:.5px;cursor:pointer;background:#e8e8e8;border:1px solid #bbb;border-radius:3px;min-width:44px;padding:3px 10px;font-family:inherit;font-size:9px;font-weight:700;transition:border-color .1s,background .1s,color .1s}.deck-fx__pad:hover{border-color:#4a9eff}.deck-fx__pad--on{color:#fff;background:#4a9eff;border-color:#2c7adc}@container deck (width<=240px){.deck-fx__col{min-width:40px}.deck-fx__pad{letter-spacing:0;min-width:32px;padding:3px 4px}.deck-fx__row{gap:4px}.deck-fx{padding:4px 6px 6px}}.deck--compact .deck-fx{margin-bottom:0;padding:1px 4px 2px}.deck--compact .deck-fx__header{min-height:10px;margin-bottom:1px;font-size:6px}.deck--compact .deck-fx__row{gap:2px}.deck--compact .deck-fx__col{gap:1px;min-width:32px}.deck--compact .deck-fx__pad{letter-spacing:0;min-width:26px;padding:1px 3px;font-size:6px}.deck--compact .deck-fx__pad-spacer{height:8px}.deck--compact .deck-fx .knob__label{letter-spacing:0;font-size:6px}.sample-pads{background:var(--bg-sunken);color:var(--text-primary);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;gap:8px;padding:12px;display:flex}.deck--compact .sample-pads{gap:1px;padding:2px 4px}.deck--compact .sample-pads__header{gap:4px}.deck--compact .sample-pads__grid{gap:2px}.deck--compact .sample-pad{aspect-ratio:auto;height:13px;padding:1px;font-size:7px}.deck--compact .sample-pads__title{letter-spacing:.3px;font-size:8px}.deck--compact .sample-pads .knob__label{font-size:7px}.sample-pads__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sample-pads__title{letter-spacing:1px;color:#666;font-size:11px;font-weight:700}.sample-pads__grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sample-pad{aspect-ratio:1;color:#fff;cursor:pointer;text-align:center;word-break:break-word;background:#2a2a2a;border:1px solid #4a9eff;border-radius:4px;padding:4px;font-family:inherit;font-size:10px;font-weight:700;transition:transform 50ms,background .15s}.sample-pad:hover{background:#4a9eff}.sample-pad:active{transform:scale(.95)}.sample-pad--empty{color:#888;background:0 0;border-style:dashed;border-color:#888}.sample-pad--empty:hover{color:#333;background:#ddd;border-style:solid;border-color:#4a9eff}.level-meter{background:#1a1a1a;border-radius:2px;position:relative;overflow:hidden}.level-meter__fill{border-radius:2px;position:absolute;inset:0}.level-meter--vertical .level-meter__fill{clip-path:inset(100% 0 0);background:linear-gradient(#d44b2c 0% 5%,#d4a72c 5% 20%,#2c7a4b 20% 100%)}.level-meter--horizontal .level-meter__fill{clip-path:inset(0 100% 0 0);background:linear-gradient(90deg,#2c7a4b 0% 80%,#d4a72c 80% 95%,#d44b2c 95% 100%)}.level-meter__hold{pointer-events:none;background:#fff;position:absolute}.level-meter--vertical .level-meter__hold{height:1px;bottom:0%;left:0;right:0}.level-meter--horizontal .level-meter__hold{width:1px;top:0;bottom:0;left:0%}.channel-fader{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:6px;display:flex}.channel-fader__label{color:#4a9eff;letter-spacing:.5px;font-size:11px;font-weight:700}.channel-fader__track{align-items:stretch;gap:6px;display:flex}.channel-fader__input{writing-mode:vertical-lr;direction:rtl;width:30px;height:clamp(60px,15vh,180px);margin:0}.channel-fader__scale{color:#999;font-variant-numeric:tabular-nums;width:32px;height:clamp(60px,15vh,180px);font-size:9px;position:relative}.channel-fader__tick{white-space:nowrap;line-height:1;position:absolute;right:0;transform:translateY(-50%)}.channel-fader__tick:after{content:"─";color:#ccc;margin-left:2px}.channel-fader__tick--rec{color:#4a9eff;font-weight:700}.channel-fader__tick--rec:after{color:#4a9eff}.channel-fader__readout{color:#555;font-variant-numeric:tabular-nums;text-align:center;min-width:56px;font-size:11px}.channel-fader--compact{gap:3px}.channel-fader--compact .channel-fader__label{font-size:9px}.channel-fader--compact .channel-fader__track{gap:4px}.channel-fader--compact .channel-fader__input{width:22px;height:clamp(40px,8vh,100px)}.channel-fader--compact .channel-fader__scale{width:24px;height:clamp(40px,8vh,100px);font-size:7px}.channel-fader--compact .channel-fader__readout{min-width:42px;font-size:9px}.crossfader__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.crossfader__label{color:#888;letter-spacing:.5px;font-size:11px;font-weight:700}.crossfader__modes{gap:4px;display:flex}.crossfader__mode{letter-spacing:.5px;color:#888;cursor:pointer;background:0 0;border:1px solid #888;border-radius:3px;padding:2px 8px;font-family:inherit;font-size:9px;font-weight:700;transition:all .15s}.crossfader__mode:hover{color:#4a9eff;border-color:#4a9eff}.crossfader__mode--active{color:#fff;background:#4a9eff;border-color:#4a9eff}.crossfader__mode--active:hover{color:#fff;background:#3b8de6}.broadcast-button-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.broadcast-button{letter-spacing:.02em;color:#f0f0f0;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:6px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s}.broadcast-button:hover:not(:disabled){background:#3a3a3a}.broadcast-button:disabled{cursor:default;opacity:.7}.broadcast-button--live{background:#c92a2a;border-color:#a51a1a}.broadcast-button--live:hover{background:#d93636}.broadcast-button--error{background:#5a2a2a;border-color:#8a3a3a}.broadcast-button-error{color:#c92a2a;text-align:center;max-width:220px;font-size:11px}.broadcast-button-status{color:#c92a2a;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.broadcast-button-dot{background:#c92a2a;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite broadcast-pulse}@keyframes broadcast-pulse{0%,to{opacity:1}50%{opacity:.3}}.s4-connect{flex-direction:column;gap:4px;display:flex}.s4-connect__btn{letter-spacing:.5px;cursor:pointer;color:#888;background:0 0;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.s4-connect__btn:hover:not(:disabled){color:#4a9eff;border-color:#4a9eff}.s4-connect__btn:disabled{cursor:default;opacity:.7}.s4-connect__btn--connected{color:#d6ffd6;background:#2d5a2d;border-color:#4ad14a}.s4-connect__btn--connected:hover:not(:disabled){color:#fff;background:#3a6f3a;border-color:#4ad14a}.s4-connect__btn--error{color:#ffd6d6;background:#5a2d2d;border-color:#d14a4a}.s4-connect__dot{background:#555;border-radius:50%;flex-shrink:0;width:8px;height:8px}.s4-connect__dot--connecting{background:#fa0;animation:1s infinite s4-pulse}.s4-connect__dot--connected{background:#4ad14a}.s4-connect__dot--error{background:#d14a4a}@keyframes s4-pulse{0%,to{opacity:.4}50%{opacity:1}}.s4-connect__error{color:#d14a4a;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}