.waveform-canvas.svelte-1x1dhop{width:100%;height:100%;display:block}.volume-fader.svelte-fspo52{display:flex;flex-direction:column;align-items:center;gap:.5rem;user-select:none;-webkit-user-select:none;touch-action:none}.volume-fader.mobile.svelte-fspo52{flex-direction:row;gap:.75rem}.fader-label.svelte-fspo52{font-weight:700;font-size:.75rem}.fader-value.svelte-fspo52{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);min-width:24px;text-align:center}.fader-track.svelte-fspo52{width:32px;height:100px;background:var(--color-surface);border-radius:4px;position:relative;cursor:pointer;overflow:hidden}.mobile.svelte-fspo52 .fader-track:where(.svelte-fspo52){width:100px;height:32px}.volume-fader.svelte-fspo52:not(.mobile) .fader-fill:where(.svelte-fspo52){position:absolute;bottom:0;left:0;right:0;border-radius:0 0 4px 4px;opacity:.3;pointer-events:none}.volume-fader.svelte-fspo52:not(.mobile) .fader-thumb:where(.svelte-fspo52){position:absolute;left:2px;right:2px;height:8px;border-radius:3px;transform:translateY(50%);box-shadow:0 2px 6px #0006;pointer-events:none}.mobile.svelte-fspo52 .fader-fill:where(.svelte-fspo52){position:absolute;bottom:0;left:0;top:0;border-radius:4px 0 0 4px;opacity:.3;pointer-events:none}.mobile.svelte-fspo52 .fader-thumb:where(.svelte-fspo52){position:absolute;top:2px;bottom:2px;width:8px;border-radius:3px;transform:translate(-50%);box-shadow:0 2px 6px #0006;pointer-events:none}.dj-player.svelte-1em8kj5{position:sticky;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--color-bg) 0%,var(--color-bg-elevated) 100%);border-top:1px solid var(--color-border);padding:1rem 1.5rem 1.5rem;z-index:150;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}@media(max-width:768px){.dj-player.svelte-1em8kj5{max-width:100%;width:100%}.dj-player.minimized.svelte-1em8kj5{position:fixed;bottom:0;left:0;right:0;padding:.5rem .75rem;width:100%;max-width:100%}.dj-player.minimized.svelte-1em8kj5 .minimized-view:where(.svelte-1em8kj5){padding:.5rem .75rem}}.player-controls-top.svelte-1em8kj5{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;z-index:10}.minimize-btn.svelte-1em8kj5,.close-btn.svelte-1em8kj5{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.minimize-btn.svelte-1em8kj5:hover,.close-btn.svelte-1em8kj5:hover{background:var(--color-surface-hover);color:var(--color-text)}.minimized-view.svelte-1em8kj5{display:flex;gap:1rem;padding:.75rem 1rem;min-height:60px;max-height:70px}.minimized-deck.svelte-1em8kj5{flex:1;display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--color-surface);border-radius:var(--radius-md);font-size:.8125rem}.minimized-label.svelte-1em8kj5{font-weight:700;font-size:.875rem;padding:.25rem .5rem;border-radius:var(--radius-sm);background:var(--color-bg-elevated)}.minimized-track.svelte-1em8kj5{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.minimized-time.svelte-1em8kj5,.minimized-bpm.svelte-1em8kj5{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.minimized-play-btn.svelte-1em8kj5{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.minimized-play-btn.svelte-1em8kj5:hover:not(:disabled){background:var(--color-surface-hover)}.minimized-play-btn.svelte-1em8kj5:disabled{opacity:.5;cursor:not-allowed}.minimized-empty.svelte-1em8kj5{flex:1;color:var(--color-text-muted);font-style:italic}.hotkey-hint.svelte-1em8kj5{position:absolute;top:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;font-size:.65rem;color:var(--color-text-muted);opacity:.8}.hotkey-hint.svelte-1em8kj5 kbd:where(.svelte-1em8kj5){background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.05rem .2rem;font-family:var(--font-mono);font-size:.6rem}.help-btn.svelte-1em8kj5{margin-left:.5rem;padding:.25rem .5rem;font-size:.65rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.help-btn.svelte-1em8kj5:hover{background:var(--color-accent-hover)}.help-window.svelte-1em8kj5{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;overflow:hidden;animation:svelte-1em8kj5-helpFadeIn .3s ease;z-index:10000}@keyframes svelte-1em8kj5-helpFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.help-header.svelte-1em8kj5{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.help-header.svelte-1em8kj5 h3:where(.svelte-1em8kj5){font-size:1rem;font-weight:600}.help-close.svelte-1em8kj5{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem}.help-close.svelte-1em8kj5:hover{color:var(--color-text)}.help-content.svelte-1em8kj5{padding:1.5rem;overflow-y:auto;max-height:calc(70vh - 60px)}.help-section.svelte-1em8kj5{margin-bottom:1.5rem}.help-section.svelte-1em8kj5:last-child{margin-bottom:0}.help-section.svelte-1em8kj5 h4:where(.svelte-1em8kj5){font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--color-accent)}.help-section.svelte-1em8kj5 ul:where(.svelte-1em8kj5){list-style:none;padding:0;margin:0}.help-section.svelte-1em8kj5 li:where(.svelte-1em8kj5){font-size:.8125rem;padding:.25rem 0;color:var(--color-text-muted)}.help-section.svelte-1em8kj5 kbd:where(.svelte-1em8kj5){background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.125rem .375rem;font-family:var(--font-mono);font-size:.75rem;margin-right:.5rem}.help-section.svelte-1em8kj5 code:where(.svelte-1em8kj5){background:var(--color-surface);padding:.125rem .375rem;border-radius:3px;font-family:var(--font-mono);font-size:.75rem}.decks-container.svelte-1em8kj5{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch;margin-top:1rem;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.deck.svelte-1em8kj5{display:flex;flex-direction:column;gap:.75rem;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.deck-header.svelte-1em8kj5{display:flex;align-items:center;gap:.75rem}.deck-label.svelte-1em8kj5{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem}.deck-a.svelte-1em8kj5 .deck-label:where(.svelte-1em8kj5){background:var(--color-success-dim);color:var(--color-deck-a)}.deck-b.svelte-1em8kj5 .deck-label:where(.svelte-1em8kj5){background:var(--color-accent-dim);color:var(--color-deck-b)}.track-info.svelte-1em8kj5{display:flex;flex-direction:column;min-width:0;flex:1}.track-title.svelte-1em8kj5{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist.svelte-1em8kj5{font-size:.75rem;color:var(--color-text-muted)}.no-track.svelte-1em8kj5{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.waveform-container.svelte-1em8kj5{height:80px;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.cue-points.svelte-1em8kj5{display:grid;grid-template-columns:repeat(8,1fr);gap:.375rem}.cue-slot.svelte-1em8kj5{position:relative}.cue-btn.svelte-1em8kj5{width:100%;aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:.6875rem;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.cue-btn.svelte-1em8kj5:hover{background:var(--color-surface-hover);transform:scale(1.05)}.cue-btn.has-cue.svelte-1em8kj5{color:#fff;border-color:transparent}.cue-edit-input.svelte-1em8kj5{width:100%;aspect-ratio:1;padding:.25rem;background:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);font-size:.6875rem;text-align:center;font-weight:600}.cue-edit-input.svelte-1em8kj5:focus{outline:none;border-color:#fff}.deck-controls.svelte-1em8kj5{display:flex;align-items:center;gap:1rem}.deck-controls-top.svelte-1em8kj5{display:none}.deck-controls-bottom.svelte-1em8kj5{display:flex}.play-btn.svelte-1em8kj5{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.deck-a.svelte-1em8kj5 .play-btn:where(.svelte-1em8kj5){background:var(--color-deck-a);color:#fff}.deck-a.svelte-1em8kj5 .play-btn:where(.svelte-1em8kj5):hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #00d4aa66}.deck-b.svelte-1em8kj5 .play-btn:where(.svelte-1em8kj5){background:var(--color-deck-b);color:#fff}.deck-b.svelte-1em8kj5 .play-btn:where(.svelte-1em8kj5):hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #ff3e6c66}.play-btn.svelte-1em8kj5:disabled{opacity:.5;cursor:not-allowed}.time-display.svelte-1em8kj5{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);min-width:80px}.current-time.svelte-1em8kj5{color:var(--color-text)}.separator.svelte-1em8kj5{margin:0 .25rem}.bpm-control.svelte-1em8kj5{display:flex;align-items:center;gap:.5rem;flex:1}.bpm-display.svelte-1em8kj5{display:flex;align-items:baseline;gap:.25rem;min-width:70px}.bpm-value.svelte-1em8kj5{font-family:var(--font-mono);font-size:1rem;font-weight:600;cursor:pointer;padding:.125rem .25rem;border-radius:var(--radius-sm)}.bpm-value.svelte-1em8kj5:hover{background:var(--color-surface)}.bpm-input.svelte-1em8kj5{width:60px;font-family:var(--font-mono);font-size:1rem;font-weight:600;background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:.125rem .25rem;color:var(--color-text)}.bpm-input.svelte-1em8kj5:focus{outline:none}.bpm-label.svelte-1em8kj5{font-size:.625rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em}.tempo-slider.svelte-1em8kj5:disabled{opacity:.4;cursor:not-allowed}.tempo-slider.svelte-1em8kj5{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-surface);border-radius:2px;cursor:pointer}.tempo-slider.svelte-1em8kj5::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-text);cursor:pointer}.sync-btn.svelte-1em8kj5{padding:.375rem .625rem;font-size:.625rem;font-weight:700;letter-spacing:.05em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.sync-btn.svelte-1em8kj5:hover{background:var(--color-surface-hover);color:var(--color-text)}.sync-btn.active.svelte-1em8kj5{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 0 10px #00d4aa80,0 0 20px #00d4aa4d;animation:svelte-1em8kj5-sync-glow 2s ease-in-out infinite}.sync-btn.active.svelte-1em8kj5:hover{background:var(--color-accent-hover);box-shadow:0 0 15px #00d4aab3,0 0 30px #00d4aa80}@keyframes svelte-1em8kj5-sync-glow{0%,to{box-shadow:0 0 10px #00d4aa80,0 0 20px #00d4aa4d}50%{box-shadow:0 0 15px #00d4aab3,0 0 30px #00d4aa80}}.middle-column.svelte-1em8kj5{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:200px}.faders-section.svelte-1em8kj5{display:flex;gap:1.5rem;justify-content:center;align-items:flex-start;padding-top:.5rem;width:100%}.beatmatch-display.svelte-1em8kj5{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;width:100%}.beatmatch-title.svelte-1em8kj5{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0}.beatmatch-value.svelte-1em8kj5{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text);min-height:1.5rem;display:flex;align-items:center;justify-content:center}.beatmatch-value.beatmatch-no-data.svelte-1em8kj5{color:var(--color-text-muted);font-size:1rem}.beatmatch-arrow.svelte-1em8kj5{display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:transform .2s ease}.beatmatch-arrow.direction-a.svelte-1em8kj5{transform:rotate(180deg);color:var(--color-deck-a)}.beatmatch-arrow.direction-b.svelte-1em8kj5{transform:rotate(0);color:var(--color-deck-b)}.beatmatch-checkmark.svelte-1em8kj5{display:flex;align-items:center;justify-content:center;color:#22c55e;transition:all .2s ease}@media(max-width:768px){.dj-player.svelte-1em8kj5{padding:.75rem;max-width:100%;width:100%;overflow-x:hidden}.hotkey-hint.svelte-1em8kj5{display:none}.decks-container.svelte-1em8kj5{grid-template-columns:1fr;gap:0}.faders-section.svelte-1em8kj5,.beatmatch-display.svelte-1em8kj5,.time-display.svelte-1em8kj5,.tempo-slider.svelte-1em8kj5,.sync-btn.svelte-1em8kj5{display:none}.deck.svelte-1em8kj5{display:flex;flex-direction:column;gap:.5rem}.deck-a.svelte-1em8kj5 .deck-header:where(.svelte-1em8kj5){order:1;padding:.5rem 0}.deck-a.svelte-1em8kj5 .deck-controls-top:where(.svelte-1em8kj5){display:flex;order:2;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem 0}.deck-a.svelte-1em8kj5 .deck-controls-top:where(.svelte-1em8kj5) .play-btn:where(.svelte-1em8kj5){flex-shrink:0}.deck-a.svelte-1em8kj5 .deck-controls-top:where(.svelte-1em8kj5) .bpm-control:where(.svelte-1em8kj5){width:auto;flex:1}.deck-a.svelte-1em8kj5 .deck-controls-bottom:where(.svelte-1em8kj5){display:none}.deck-a.svelte-1em8kj5 .cue-points:where(.svelte-1em8kj5){order:3;grid-template-columns:repeat(8,1fr);gap:.25rem;padding:.25rem 0}.deck-a.svelte-1em8kj5 .cue-btn:where(.svelte-1em8kj5){width:100%;height:32px;font-size:.75rem}.deck-a.svelte-1em8kj5 .waveform-container:where(.svelte-1em8kj5){order:4;border-bottom:none;height:60px}.deck-b.svelte-1em8kj5 .waveform-container:where(.svelte-1em8kj5){order:5;border-top:none;margin-top:0;height:60px}.deck-b.svelte-1em8kj5 .cue-points:where(.svelte-1em8kj5){order:6;grid-template-columns:repeat(8,1fr);gap:.25rem;padding:.25rem 0}.deck-b.svelte-1em8kj5 .cue-btn:where(.svelte-1em8kj5){width:100%;height:32px;font-size:.75rem}.deck-b.svelte-1em8kj5 .deck-controls-bottom:where(.svelte-1em8kj5){display:flex;order:7;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem 0}.deck-b.svelte-1em8kj5 .deck-controls-bottom:where(.svelte-1em8kj5) .play-btn:where(.svelte-1em8kj5){flex-shrink:0}.deck-b.svelte-1em8kj5 .deck-controls-bottom:where(.svelte-1em8kj5) .bpm-control:where(.svelte-1em8kj5){width:auto;flex:1}.deck-b.svelte-1em8kj5 .deck-header:where(.svelte-1em8kj5){display:flex;order:8;padding:.5rem 0}.help-window.svelte-1em8kj5{width:95%;max-height:60vh}}