.spotlight[data-v-cb1ce52c]{background:transparent;box-shadow:0 0 0 4px #f59e0b80}.track-card[data-v-5f83ff82]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px;position:relative;transition:all .15s ease}.track-card--highlighted[data-v-5f83ff82],.track-card[data-v-5f83ff82]:hover{background:#ffffff0d}.track-card--highlighted[data-v-5f83ff82]{outline:1px solid hsl(var(--primary)/.5)}.track-card--adding[data-v-5f83ff82]{animation:card-pop-5f83ff82 .3s ease-out}@keyframes card-pop-5f83ff82{0%{transform:scale(1)}30%{background:hsl(var(--primary)/.2);transform:scale(.98)}to{transform:scale(1)}}.track-card__thumbnail[data-v-5f83ff82]{border-radius:4px;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;width:64px}.track-card__info[data-v-5f83ff82]{flex:1;min-width:0}.track-card__title[data-v-5f83ff82]{color:hsl(var(--foreground));font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card__meta[data-v-5f83ff82]{align-items:center;color:hsl(var(--muted-foreground));display:flex;font-size:12px;gap:4px;margin-top:2px}.track-card__channel[data-v-5f83ff82]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card__separator[data-v-5f83ff82]{opacity:.5}.track-card__menu-container[data-v-5f83ff82]{flex-shrink:0;position:relative}.track-card__menu-btn[data-v-5f83ff82]{background:transparent;border:none;border-radius:6px;color:hsl(var(--muted-foreground));cursor:pointer;opacity:0;padding:6px;transition:all .15s ease}.track-card--highlighted .track-card__menu-btn[data-v-5f83ff82],.track-card:hover .track-card__menu-btn[data-v-5f83ff82]{opacity:1}.track-card__menu-btn[data-v-5f83ff82]:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.track-card__dropdown[data-v-5f83ff82]{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;box-shadow:0 4px 16px #0000004d;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.track-card__dropdown-item[data-v-5f83ff82]{align-items:center;background:transparent;border:none;color:hsl(var(--foreground));cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.track-card__dropdown-item[data-v-5f83ff82]:hover{background:hsl(var(--muted))}.track-card__dropdown-icon[data-v-5f83ff82]{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.track-card__dropdown-item--a .track-card__dropdown-icon[data-v-5f83ff82]{background:hsl(var(--deck-a))}.track-card__dropdown-item--b .track-card__dropdown-icon[data-v-5f83ff82]{background:hsl(var(--deck-b))}.track-card__queue-hint[data-v-5f83ff82]{align-items:center;background:hsl(var(--primary)/.15);border-radius:4px;color:hsl(var(--primary));display:flex;font-size:11px;font-weight:500;gap:6px;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;right:48px;transform:translate(8px);transition:all .15s ease}.track-card--highlighted .track-card__queue-hint[data-v-5f83ff82],.track-card:hover .track-card__queue-hint[data-v-5f83ff82]{opacity:1;transform:translate(0)}.menu-enter-active[data-v-5f83ff82],.menu-leave-active[data-v-5f83ff82]{transition:all .15s ease}.menu-enter-from[data-v-5f83ff82],.menu-leave-to[data-v-5f83ff82]{opacity:0;transform:translateY(-8px) scale(.95)}.vinyl-container[data-v-7676d340]{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.jog-ring[data-v-7676d340]{background:#0a0a0a}.jog-rim[data-v-7676d340]{background:linear-gradient(135deg,#3a3a3a,#252525 25%,#1a1a1a,#252525 75%,#3a3a3a);box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff14}.jog-grip[data-v-7676d340]{background:repeating-conic-gradient(from 0deg,#2a2a2a 0deg 2deg,#1a1a1a 2deg 4deg);opacity:.8}.jog-inner-edge[data-v-7676d340]{background:linear-gradient(145deg,#1a1a1a,#0a0a0a);box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff08}.platter-base[data-v-7676d340]{background:linear-gradient(145deg,#1a1a1a,#0d0d0d)}.platter-chrome[data-v-7676d340]{background:linear-gradient(135deg,#4a4a4a,#2a2a2a 20%,#1a1a1a,#3a3a3a,#2a2a2a 80%,#4a4a4a);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.platter-mat[data-v-7676d340]{background:radial-gradient(circle,#1a1a1a 0,#0a0a0a);box-shadow:inset 0 0 20px #000c}.slip-mat-dots[data-v-7676d340]{background-image:radial-gradient(circle,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:8px 8px}.vinyl-base[data-v-7676d340]{background:linear-gradient(135deg,#151518,#1e1e24 25%,#18181c,#1e1e24 75%,#151518)}.vinyl-edge[data-v-7676d340]{box-shadow:inset 0 0 0 2px #3c3c4699,inset 0 0 0 4px #1e1e23cc,0 3px 10px #0009}.vinyl-grooves[data-v-7676d340]{background:repeating-radial-gradient(circle at center,transparent 0,transparent 2px,rgba(40,40,50,.3) 2.5px,rgba(25,25,30,.5) 3px,transparent 3.5px,transparent 6px)}.groove-ring[data-v-7676d340]{border:1px solid rgba(70,70,80,.25);border-radius:50%;position:absolute}.label-area[data-v-7676d340]{box-shadow:inset 0 0 10px #00000080,0 0 0 1px #ffffff1a}.label-shine[data-v-7676d340]{background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent 50%,rgba(0,0,0,.1))}.vinyl-reflection[data-v-7676d340]{background:linear-gradient(120deg,transparent,transparent 35%,hsla(0,0%,100%,.04) 40%,hsla(0,0%,100%,.12) 50%,hsla(0,0%,100%,.04) 60%,transparent 65%,transparent)}.vinyl-reflection-2[data-v-7676d340]{background:linear-gradient(-30deg,transparent,transparent 60%,rgba(200,200,255,.03) 70%,rgba(200,200,255,.06) 80%,transparent 90%,transparent)}.spindle[data-v-7676d340]{background:#1a1a1a;box-shadow:0 2px 4px #0009,0 1px 2px #0006}.spindle-rim[data-v-7676d340]{background:linear-gradient(145deg,#707070,#505050 20%,#404040,#505050,#606060 80%,#707070);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d}.spindle-top[data-v-7676d340]{background:linear-gradient(135deg,#606060,#454545 30%,#353535,#454545 70%,#555)}.spindle-highlight[data-v-7676d340]{background:radial-gradient(ellipse at 30% 25%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.2) 20%,transparent 50%)}.cue-button[data-v-52e3ad15]{transition:transform .1s ease}.cue-button[data-v-52e3ad15]:hover:not(:disabled){transform:scale(1.02)}.cue-button[data-v-52e3ad15]:active:not(:disabled){transform:scale(.98)}.cue-ring[data-v-52e3ad15]{border:3px solid #fbbf24;transition:box-shadow .3s ease,border-color .3s ease}.cue-ring--pulse[data-v-52e3ad15]{border-color:#fbbf2466;box-shadow:0 0 4px #fbbf2426,inset 0 0 8px #00000080}.cue-ring--on[data-v-52e3ad15]{border-color:#fbbf24;box-shadow:0 0 12px #fbbf24cc,0 0 24px #fbbf2466,0 0 36px #fbbf2433,inset 0 0 8px #00000080}.cue-surface[data-v-52e3ad15]{background:linear-gradient(145deg,#4a4a4a,#2a2a2a 30%,#1a1a1a 70%,#0a0a0a);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000004d}.cue-inner[data-v-52e3ad15]{background:radial-gradient(ellipse at 30% 20%,rgba(80,80,80,.4) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,0,0,.3) 0,transparent 50%),linear-gradient(180deg,#2a2a2a,#1a1a1a 40%,#0f0f0f);box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff0d}.jump-cue-button[data-v-52e3ad15]{background:linear-gradient(145deg,#1e1e1e,#171717);box-shadow:inset 2px 2px 4px #0d0d0d,inset -2px -2px 4px #272727}.jump-cue-button[data-v-52e3ad15]:not(:disabled):hover{box-shadow:inset 2px 2px 4px #0d0d0d,inset -2px -2px 4px #272727,0 0 10px #fbbf2433}.clear-cue-button[data-v-52e3ad15]{background:linear-gradient(145deg,#1e1e1e,#171717);box-shadow:2px 2px 4px #0d0d0d,-2px -2px 4px #272727}.clear-cue-button[data-v-52e3ad15]:not(:disabled):hover{box-shadow:2px 2px 4px #0d0d0d,-2px -2px 4px #272727,0 0 8px #ef444433}.deck-body[data-v-376c7495]{background:linear-gradient(180deg,#1c1c1c,#141414 50%,#0a0a0a);border:1px solid #2a2a2a;box-shadow:0 8px 32px #0009,0 2px 8px #0006,inset 0 1px #ffffff14;position:relative}.deck-body[data-v-376c7495]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");inset:0;mix-blend-mode:overlay;opacity:.03}.deck-body[data-v-376c7495]:after,.deck-body[data-v-376c7495]:before{border-radius:inherit;content:"";pointer-events:none;position:absolute}.deck-body[data-v-376c7495]:after{background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02) 30%,transparent);border-bottom-left-radius:0;border-bottom-right-radius:0;height:40%;left:0;right:0;top:0}.led-strip[data-v-376c7495]{background:linear-gradient(90deg,transparent 0,var(--accent) 20%,var(--accent) 80%,transparent 100%);opacity:.3;transition:all .3s ease}.led-strip--active[data-v-376c7495]{animation:led-pulse-376c7495 2s ease-in-out infinite;box-shadow:0 0 10px rgba(var(--accent-rgb),.5),0 0 20px rgba(var(--accent-rgb),.3),0 -4px 15px rgba(var(--accent-rgb),.5),0 -8px 25px rgba(var(--accent-rgb),.3);opacity:1}@keyframes led-pulse-376c7495{0%,to{box-shadow:0 0 10px rgba(var(--accent-rgb),.5),0 0 20px rgba(var(--accent-rgb),.3),0 -4px 15px rgba(var(--accent-rgb),.5),0 -8px 25px rgba(var(--accent-rgb),.3);opacity:.8}50%{box-shadow:0 0 15px rgba(var(--accent-rgb),.7),0 0 30px rgba(var(--accent-rgb),.4),0 -6px 20px rgba(var(--accent-rgb),.6),0 -12px 35px rgba(var(--accent-rgb),.4);opacity:1}}.deck-header[data-v-376c7495]{background:linear-gradient(90deg,#ffffff05,#ffffff0a 50%,#ffffff05),linear-gradient(180deg,#1e1e1e,#161616);border-bottom:1px solid #0a0a0a;box-shadow:inset 0 -1px #ffffff08}.deck-indicator[data-v-376c7495]{background:linear-gradient(180deg,#0f0f0f,#0a0a0a);border:1px solid #2a2a2a;box-shadow:inset 0 1px 2px #00000080,inset 0 -1px 1px #ffffff05}.lcd-display[data-v-376c7495]{background:linear-gradient(180deg,#0a0a0a,#050505);border:1px solid #1a1a1a;box-shadow:inset 0 1px 3px #00000080,inset 0 0 10px #0000004d;font-family:ui-monospace,monospace;letter-spacing:.02em}.lcd-time-display[data-v-376c7495]{align-items:center;display:flex}.lcd-panel[data-v-376c7495]{background:linear-gradient(180deg,#0a0a0c,#050507);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 4px);border:1px solid #1a1a1c;border-radius:4px;box-shadow:inset 0 2px 4px #0009,inset 0 0 12px #0006,0 1px #ffffff08;padding:4px 8px}.lcd-digits[data-v-376c7495]{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:clamp(11px,1.1vw,16px);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.05em;white-space:nowrap}.controls-area[data-v-376c7495]{background:linear-gradient(180deg,#121212,#0e0e0e);border-top:1px solid #1a1a1a;box-shadow:inset 0 1px #ffffff05;position:relative}.controls-area[data-v-376c7495]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.2' numOctaves='3' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.02;pointer-events:none;position:absolute}.play-button[data-v-376c7495]{transition:transform .1s ease}.play-button[data-v-376c7495]:hover:not(:disabled){transform:scale(1.02)}.play-button[data-v-376c7495]:active:not(:disabled){transform:scale(.98)}.play-ring[data-v-376c7495]{border:3px solid var(--ring-color);transition:box-shadow .2s ease}.play-ring--pulse[data-v-376c7495]{animation:ring-pulse-376c7495 1.5s ease-in-out infinite;box-shadow:0 0 8px rgba(var(--ring-rgb),.4),0 0 16px rgba(var(--ring-rgb),.2),inset 0 0 8px #00000080}.play-ring--on[data-v-376c7495]{box-shadow:0 0 12px rgba(var(--ring-rgb),.8),0 0 24px rgba(var(--ring-rgb),.4),0 0 36px rgba(var(--ring-rgb),.2),inset 0 0 8px #00000080}@keyframes ring-pulse-376c7495{0%,to{box-shadow:0 0 8px rgba(var(--ring-rgb),.4),0 0 16px rgba(var(--ring-rgb),.2),inset 0 0 8px #00000080}50%{box-shadow:0 0 15px rgba(var(--ring-rgb),.7),0 0 30px rgba(var(--ring-rgb),.4),inset 0 0 8px #00000080}}.play-surface[data-v-376c7495]{background:linear-gradient(145deg,#4a4a4a,#2a2a2a 30%,#1a1a1a 70%,#0a0a0a);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000004d}.play-inner[data-v-376c7495]{background:radial-gradient(ellipse at 30% 20%,rgba(80,80,80,.4) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,0,0,.3) 0,transparent 50%),linear-gradient(180deg,#2a2a2a,#1a1a1a 40%,#0f0f0f);box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #ffffff0d}.pitch-housing[data-v-376c7495]{background:linear-gradient(90deg,#1a1a1a,#252525 50%,#1a1a1a);border:1px solid #0a0a0a;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff08,0 1px 3px #0006}.pitch-groove[data-v-376c7495]{background:linear-gradient(90deg,#000,#0a0a0a 50%,#000);box-shadow:inset 2px 0 4px #000000e6,inset -2px 0 4px #000000e6,inset 0 2px 6px #000c}.pitch-display[data-v-376c7495]{background:linear-gradient(180deg,#0a0a0a,#050505);border:1px solid #1a1a1a;border-radius:2px;box-shadow:inset 0 1px 2px #00000080;padding:3px 6px}.pitch-slider[data-v-376c7495]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;direction:rtl;writing-mode:vertical-lr}.pitch-slider[data-v-376c7495]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#5a5a5a,#4a4a4a 10%,#3a3a3a 45%,#2a2a2a 55%,#1a1a1a 90%,#0f0f0f);border:1px solid #4a4a4a;border-radius:3px;box-shadow:0 3px 6px #000000b3,0 1px 2px #00000080,inset 0 1px #ffffff40,inset 0 -1px #0000004d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;cursor:pointer;height:14px;width:28px}.pitch-slider[data-v-376c7495]::-webkit-slider-thumb:hover{background:linear-gradient(180deg,#6a6a6a,#5a5a5a 10%,#4a4a4a 45%,#3a3a3a 55%,#2a2a2a 90%,#1a1a1a);border-color:#5a5a5a}.pitch-slider[data-v-376c7495]::-webkit-slider-thumb:active{background:linear-gradient(180deg,#4a4a4a,#3a3a3a 10%,#2a2a2a 45%,#1a1a1a 55%,#0f0f0f 90%,#0a0a0a);box-shadow:0 1px 3px #0009,inset 0 1px #ffffff26,inset 0 -1px #0003}.pitch-slider[data-v-376c7495]::-moz-range-thumb{background:linear-gradient(180deg,#5a5a5a,#4a4a4a 10%,#3a3a3a 45%,#2a2a2a 55%,#1a1a1a 90%,#0f0f0f);border:1px solid #4a4a4a;border-radius:3px;box-shadow:0 3px 6px #000000b3,0 1px 2px #00000080,inset 0 1px #ffffff40;cursor:pointer;height:14px;width:28px}.pitch-slider[data-v-376c7495]::-webkit-slider-runnable-track{background:transparent}.pitch-slider[data-v-376c7495]::-moz-range-track{background:transparent}.time-display[data-v-376c7495]{background:linear-gradient(180deg,#0a0a0a,#050505);border:1px solid #1a1a1a;box-shadow:inset 0 1px 3px #00000080,inset 0 0 10px #0000004d;letter-spacing:.05em}.deck-drop-zone[data-v-bbb36800]{position:relative}.deck-drop-zone--dragging[data-v-bbb36800] iframe{pointer-events:none!important}.unified-sidebar[data-v-847c985c]{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:8px 0;scroll-behavior:auto;scrollbar-color:hsl(var(--border)) transparent;scrollbar-width:thin}.unified-sidebar[data-v-847c985c]::-webkit-scrollbar{width:4px}.unified-sidebar[data-v-847c985c]::-webkit-scrollbar-track{background:transparent}.unified-sidebar[data-v-847c985c]::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:2px}.unified-sidebar__section[data-v-847c985c]{display:flex;flex-direction:column;gap:2px;padding:0 8px}.unified-sidebar__section-header[data-v-847c985c]{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:4px 8px}.unified-sidebar__section-title[data-v-847c985c]{color:hsl(var(--muted-foreground));font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.unified-sidebar__add-btn[data-v-847c985c]{align-items:center;background:transparent;border:none;border-radius:4px;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .15s ease;width:20px}.unified-sidebar__add-btn[data-v-847c985c]:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.unified-sidebar__divider[data-v-847c985c]{background:hsl(var(--border));height:1px;margin:8px 16px}.unified-sidebar__item[data-v-847c985c]{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;transition:all .15s ease;width:100%}.unified-sidebar__item[data-v-847c985c]:hover{background:hsl(var(--muted)/.5)}.unified-sidebar__item--selected[data-v-847c985c]{background:hsl(var(--muted))}.unified-sidebar__item--selected[data-v-847c985c]:before{background:hsl(var(--primary));border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.unified-sidebar__item--queue.unified-sidebar__item--selected[data-v-847c985c]{background:#d4af3726}.unified-sidebar__item--playlist.unified-sidebar__item--selected[data-v-847c985c]{background:#a855f726}.unified-sidebar__item--history.unified-sidebar__item--selected[data-v-847c985c]{background:#06b6d426}.unified-sidebar__item--user.unified-sidebar__item--selected[data-v-847c985c]{background:#f59e0b26}.unified-sidebar__icon[data-v-847c985c]{align-items:center;display:flex;flex-shrink:0;justify-content:center}.unified-sidebar__name[data-v-847c985c]{color:hsl(var(--foreground)/.9);flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-sidebar__count[data-v-847c985c]{background:hsl(var(--muted)/.5);border-radius:10px;color:hsl(var(--muted-foreground));font-size:10px;font-variant-numeric:tabular-nums;font-weight:500;min-width:28px;padding:2px 6px;text-align:center}.unified-sidebar__item--selected .unified-sidebar__count[data-v-847c985c]{background:hsl(var(--primary)/.2);color:hsl(var(--primary))}.unified-sidebar__empty[data-v-847c985c]{color:hsl(var(--muted-foreground));font-size:11px;padding:12px 8px;text-align:center}.unified-sidebar__actions[data-v-847c985c]{display:flex;gap:2px;margin-left:auto}.unified-sidebar__action-btn[data-v-847c985c]{align-items:center;background:transparent;border:none;border-radius:4px;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .15s ease;width:20px}.unified-sidebar__action-btn[data-v-847c985c]:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.unified-sidebar__action-btn--danger[data-v-847c985c]:hover{background:hsl(var(--destructive)/.2);color:hsl(var(--destructive))}[data-v-847c985c]:root{--color-gold:#d4af37;--color-purple:#a855f7;--color-amber:#f59e0b;--color-cyan:#06b6d4}.unified-vinyl[data-v-509124bb]{cursor:grab;display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.unified-vinyl[data-v-509124bb]:focus,.unified-vinyl[data-v-509124bb]:hover{outline:none;transform:translateY(-2px)}.unified-vinyl[data-v-509124bb]:focus-visible{border-radius:6px;outline:2px solid hsl(var(--primary));outline-offset:4px}.unified-vinyl__cover[data-v-509124bb]{aspect-ratio:1;background:hsl(var(--surface));border-radius:6px;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;width:100%;z-index:2}.unified-vinyl:hover .unified-vinyl__cover[data-v-509124bb]{box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff1a}.unified-vinyl__thumbnail[data-v-509124bb]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.unified-vinyl__placeholder[data-v-509124bb]{align-items:center;background:hsl(var(--muted));display:flex;font-size:1.5em;height:100%;justify-content:center;width:100%}.unified-vinyl__disc[data-v-509124bb]{aspect-ratio:1;background:conic-gradient(from 0deg,#1a1a1a,#2a2a2a,#1a1a1a,#252525,#1a1a1a,#2a2a2a,#1a1a1a,#252525,#1a1a1a,#2a2a2a,#1a1a1a,#252525,#1a1a1a 1turn);box-shadow:0 2px 8px #00000080,inset 0 0 20px color-mix(in srgb,var(--label-primary) 8%,transparent);left:0;top:0;transform:translate(0);transition:transform .2s ease-out,box-shadow .2s ease;width:100%;z-index:1}.unified-vinyl__disc[data-v-509124bb],.unified-vinyl__disc[data-v-509124bb]:before{border-radius:50%;pointer-events:none;position:absolute}.unified-vinyl__disc[data-v-509124bb]:before{background:linear-gradient(135deg,transparent 0,color-mix(in srgb,var(--label-primary) 15%,transparent) 25%,transparent 50%,color-mix(in srgb,var(--label-secondary) 10%,transparent) 75%,transparent 100%);content:"";inset:0}.unified-vinyl__grooves[data-v-509124bb]{background:repeating-radial-gradient(circle at center,transparent 0,transparent 2px,color-mix(in srgb,var(--label-primary) 6%,transparent) 2px,hsla(0,0%,100%,.03) 3px);border-radius:50%;inset:0;position:absolute}.unified-vinyl__grooves[data-v-509124bb]:after{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.08) 0,transparent 50%);border-radius:50%;content:"";inset:0;position:absolute}.unified-vinyl__label[data-v-509124bb]{background:radial-gradient(circle at 30% 30%,var(--label-primary) 0,var(--label-secondary) 30%,color-mix(in srgb,var(--label-secondary) 80%,var(--label-dark)) 60%,var(--label-dark) 100%);border:1px solid color-mix(in srgb,var(--label-primary) 30%,transparent);border-radius:50%;box-shadow:inset 0 2px 4px color-mix(in srgb,var(--label-primary) 30%,#fff),inset 0 -2px 4px #0006,0 1px 3px #00000080;height:35%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35%}.unified-vinyl__label[data-v-509124bb]:before{border:1px solid color-mix(in srgb,var(--label-primary) 20%,#fff);border-radius:50%;content:"";inset:15%;position:absolute}.unified-vinyl__hole[data-v-509124bb]{background:radial-gradient(circle,#0a0a0a 60%,#1a1a1a);border-radius:50%;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px color-mix(in srgb,var(--label-primary) 20%,transparent);height:8%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8%}.unified-vinyl--dragging[data-v-509124bb]{cursor:grabbing;opacity:.95;z-index:100}.unified-vinyl--dragging .unified-vinyl__disc[data-v-509124bb]{animation:vinyl-spin-509124bb 3s linear infinite;box-shadow:0 4px 16px #0009,0 0 20px color-mix(in srgb,var(--label-primary) 15%,transparent),inset 0 0 20px color-mix(in srgb,var(--label-primary) 10%,transparent);transform:translate(60%);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.unified-vinyl--dragging .unified-vinyl__cover[data-v-509124bb]{box-shadow:0 8px 24px #0009,inset 0 1px #ffffff1a,0 0 0 2px color-mix(in srgb,var(--label-primary) 40%,transparent);transform:scale(1.05);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}@keyframes vinyl-spin-509124bb{0%{transform:translate(60%) rotate(0)}to{transform:translate(60%) rotate(1turn)}}.unified-vinyl:hover .unified-vinyl__disc[data-v-509124bb]{transform:translate(8%);transition:transform .2s ease-out}.unified-vinyl--drag-over[data-v-509124bb]{transform:translate(8px)}.unified-vinyl--drag-over[data-v-509124bb]:before{animation:drop-pulse-509124bb .8s ease-in-out infinite;background:hsl(var(--primary));border-radius:2px;bottom:10%;box-shadow:0 0 8px hsl(var(--primary));content:"";left:-6px;position:absolute;top:10%;width:3px}@keyframes drop-pulse-509124bb{0%,to{opacity:.6}50%{opacity:1}}.unified-vinyl--auto-load-ready .unified-vinyl__cover[data-v-509124bb]:after{animation:auto-load-pulse-509124bb 2s ease-in-out infinite;border:2px solid hsl(var(--primary)/.6);border-radius:8px;content:"";inset:-3px;pointer-events:none;position:absolute}@keyframes auto-load-pulse-509124bb{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.05)}}.unified-vinyl__overlay[data-v-509124bb]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;gap:6px;inset:0;position:absolute;z-index:10}.unified-vinyl__action[data-v-509124bb],.unified-vinyl__overlay[data-v-509124bb]{align-items:center;border-radius:6px;display:flex;justify-content:center}.unified-vinyl__action[data-v-509124bb]{border:none;cursor:pointer;font-size:12px;font-weight:700;height:28px;transition:all .15s ease;width:28px}.unified-vinyl__action--a[data-v-509124bb]{background:hsl(var(--deck-a));color:#fff}.unified-vinyl__action--a[data-v-509124bb]:hover{background:hsl(var(--deck-a)/.8);transform:scale(1.1)}.unified-vinyl__action--b[data-v-509124bb]{background:hsl(var(--deck-b));color:#fff}.unified-vinyl__action--b[data-v-509124bb]:hover{background:hsl(var(--deck-b)/.8);transform:scale(1.1)}.unified-vinyl__action--queue[data-v-509124bb]{background:hsl(var(--primary));color:#fff;font-size:16px}.unified-vinyl__action--queue[data-v-509124bb]:hover{background:hsl(var(--primary)/.8);transform:scale(1.1)}.unified-vinyl__action--remove[data-v-509124bb]{background:hsl(var(--muted));color:#fff;font-size:16px}.unified-vinyl__action--remove[data-v-509124bb]:hover{background:hsl(var(--destructive));transform:scale(1.1)}.unified-vinyl__info[data-v-509124bb]{padding:0 2px;text-align:center}.unified-vinyl__title[data-v-509124bb]{color:hsl(var(--foreground)/.8);font-size:11px;line-height:1.3;margin:0}.unified-vinyl__album[data-v-509124bb],.unified-vinyl__title[data-v-509124bb]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-vinyl__album[data-v-509124bb]{color:hsl(var(--muted-foreground));display:block;font-size:9px}.unified-vinyl__duration[data-v-509124bb]{color:hsl(var(--muted-foreground));font-size:10px;font-variant-numeric:tabular-nums}.fade-enter-active[data-v-509124bb],.fade-leave-active[data-v-509124bb]{transition:opacity .15s ease}.fade-enter-from[data-v-509124bb],.fade-leave-to[data-v-509124bb]{opacity:0}@media(max-width:768px){.unified-vinyl__action[data-v-509124bb]{font-size:12px;height:32px;margin:-8px;padding:8px;width:32px}.unified-vinyl__overlay[data-v-509124bb]{gap:8px}.unified-vinyl__title[data-v-509124bb]{font-size:10px}.unified-vinyl[data-v-509124bb]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}}.unified-grid[data-v-1eb9c784]{flex:1;min-height:100px;min-width:0;position:relative}.unified-grid__scroll[data-v-1eb9c784]{display:flex;gap:12px;height:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0;scroll-behavior:smooth;scrollbar-color:hsl(var(--border)) transparent;scrollbar-width:thin}.unified-grid__scroll[data-v-1eb9c784]::-webkit-scrollbar{height:6px}.unified-grid__scroll[data-v-1eb9c784]::-webkit-scrollbar-track{background:transparent}.unified-grid__scroll[data-v-1eb9c784]::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.unified-grid__vinyl[data-v-1eb9c784]{flex-shrink:0;max-width:120px;min-width:80px;transition:transform .2s ease}.unified-grid__empty[data-v-1eb9c784],.unified-grid__loading[data-v-1eb9c784]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100px;padding:20px;text-align:center}.unified-grid__spinner[data-v-1eb9c784]{animation:spin-1eb9c784 .8s linear infinite;border:2px solid hsl(var(--border));border-radius:50%;border-top-color:hsl(var(--primary));height:24px;margin-bottom:8px;width:24px}.unified-grid__spinner--small[data-v-1eb9c784]{height:16px;margin-bottom:0;width:16px}.unified-grid__load-more[data-v-1eb9c784]{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:60px}@keyframes spin-1eb9c784{to{transform:rotate(1turn)}}@media(max-width:768px){.unified-grid__vinyl[data-v-1eb9c784]{max-width:100px;min-width:70px}}.unified-library[data-v-dca8a5c3]{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;display:flex;flex:1;flex-direction:column;min-height:220px;padding:12px}.unified-library__header[data-v-dca8a5c3]{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px}.unified-library__title[data-v-dca8a5c3]{color:hsl(var(--muted-foreground));font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.unified-library__actions[data-v-dca8a5c3]{align-items:center;display:flex;gap:8px}.unified-library__clear[data-v-dca8a5c3]{background:transparent;border:1px solid hsl(var(--border));border-radius:4px;color:hsl(var(--muted-foreground));cursor:pointer;font-size:11px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;transition:all .2s ease}.unified-library__clear[data-v-dca8a5c3]:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.unified-library__confirm[data-v-dca8a5c3]{align-items:center;color:hsl(var(--muted-foreground));display:flex;font-size:11px;gap:8px}.unified-library__confirm-no[data-v-dca8a5c3],.unified-library__confirm-yes[data-v-dca8a5c3]{border-radius:4px;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .15s ease}.unified-library__confirm-yes[data-v-dca8a5c3]{background:hsl(var(--destructive));border:none;color:#fff}.unified-library__confirm-yes[data-v-dca8a5c3]:hover{background:hsl(var(--destructive)/.8)}.unified-library__confirm-no[data-v-dca8a5c3]{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.unified-library__confirm-no[data-v-dca8a5c3]:hover{border-color:hsl(var(--foreground)/.3);color:hsl(var(--foreground))}.unified-library__content[data-v-dca8a5c3]{display:flex;flex:1;gap:12px;min-height:0}.unified-library__sidebar[data-v-dca8a5c3]{border-right:1px solid hsl(var(--border));flex-shrink:0;padding-right:12px;width:200px}.unified-library__grid[data-v-dca8a5c3]{flex:1;min-width:0}.dialog-overlay[data-v-dca8a5c3]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dialog[data-v-dca8a5c3]{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:12px;max-width:400px;min-width:300px;padding:20px}.dialog__title[data-v-dca8a5c3]{color:hsl(var(--foreground));font-size:14px;font-weight:600;margin-bottom:12px}.dialog__text[data-v-dca8a5c3]{color:hsl(var(--muted-foreground));line-height:1.5}.dialog__input[data-v-dca8a5c3],.dialog__text[data-v-dca8a5c3]{font-size:13px;margin-bottom:16px}.dialog__input[data-v-dca8a5c3]{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:6px;color:hsl(var(--foreground));padding:8px 12px;width:100%}.dialog__input[data-v-dca8a5c3]:focus{border-color:hsl(var(--primary));outline:none}.dialog__actions[data-v-dca8a5c3]{display:flex;gap:8px;justify-content:flex-end}.dialog__btn[data-v-dca8a5c3]{border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .15s ease}.dialog__btn--cancel[data-v-dca8a5c3]{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.dialog__btn--cancel[data-v-dca8a5c3]:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.dialog__btn--confirm[data-v-dca8a5c3]{background:hsl(var(--primary));border:none;color:#fff}.dialog__btn--confirm[data-v-dca8a5c3]:hover{background:hsl(var(--primary)/.8)}.dialog__btn--danger[data-v-dca8a5c3]{background:hsl(var(--destructive));border:none;color:#fff}.dialog__btn--danger[data-v-dca8a5c3]:hover{background:hsl(var(--destructive)/.8)}@media(max-width:768px){.unified-library[data-v-dca8a5c3]{height:auto;min-height:200px}.unified-library__sidebar[data-v-dca8a5c3]{width:140px}}.soundbox-pad[data-v-65c148e9]{aspect-ratio:1;background:linear-gradient(145deg,color-mix(in srgb,var(--pad-color) 80%,#fff),var(--pad-color));border:2px solid hsla(0,0%,100%,.2);border-radius:.5rem;box-shadow:0 2px 8px #0000004d,inset 0 1px #fff3;cursor:pointer;min-width:0;overflow:hidden;position:relative;transition:transform 50ms ease-out,filter 50ms ease-out,box-shadow 50ms ease-out;width:100%}.soundbox-pad[data-v-65c148e9]:hover:not(:disabled){box-shadow:0 4px 12px #0006,inset 0 1px #ffffff4d,0 0 20px color-mix(in srgb,var(--pad-color) 50%,transparent);filter:brightness(1.15) saturate(1.1)}.soundbox-pad[data-v-65c148e9]:active:not(:disabled){box-shadow:0 1px 4px #0006,inset 0 2px 4px #0003;filter:brightness(.9);transform:scale(.95)}.soundbox-pad--triggered[data-v-65c148e9]{animation:pad-flash-65c148e9 .15s ease-out}@keyframes pad-flash-65c148e9{0%{box-shadow:0 0 30px var(--pad-color),0 0 60px color-mix(in srgb,var(--pad-color) 50%,transparent);filter:brightness(1.5)}to{box-shadow:0 2px 8px #0000004d,inset 0 1px #fff3;filter:brightness(1)}}.soundbox-pad[data-v-65c148e9]:focus-visible{outline:3px solid #fff;outline-offset:2px}.soundbox-pad--disabled[data-v-65c148e9],.soundbox-pad[data-v-65c148e9]:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.soundbox-pad__label[data-v-65c148e9]{bottom:.125rem;color:#000000b3;font-size:clamp(.5rem,2.5vw,.625rem);font-weight:600;left:0;letter-spacing:.025em;overflow:hidden;padding:0 .125rem;pointer-events:none;position:absolute;right:0;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 0 hsla(0,0%,100%,.3);text-transform:uppercase;white-space:nowrap}@media(prefers-reduced-motion:reduce){.soundbox-pad[data-v-65c148e9]{transition:none}.soundbox-pad--triggered[data-v-65c148e9]{animation:none;filter:brightness(1.3)}}.soundbox[data-v-f2a519f1]{align-items:center;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;width:100%}.soundbox__pads[data-v-f2a519f1]{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);min-width:160px;width:100%}.soundbox__error[data-v-f2a519f1],.soundbox__loading[data-v-f2a519f1]{align-items:center;display:flex;justify-content:center;min-height:4.5rem;padding:1rem}.soundbox__loading-text[data-v-f2a519f1]{color:#fff9;font-size:.75rem}.soundbox__error-text[data-v-f2a519f1]{color:#ef4444;font-size:.75rem}.sr-only[data-v-f2a519f1]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.queue-fab[data-v-7f2b06ea]{align-items:center;background:linear-gradient(135deg,#2a221a,#1a1612);border:2px solid #8b7355;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;color:#8b7355;cursor:pointer;display:flex;display:none;height:56px;justify-content:center;position:fixed;right:20px;transition:all .2s ease;width:56px;z-index:900}@media(max-width:767px){.queue-fab[data-v-7f2b06ea]{display:flex}}.queue-fab[data-v-7f2b06ea]:hover{box-shadow:0 6px 16px #00000080,inset 0 1px #ffffff1a;transform:scale(1.05)}.queue-fab[data-v-7f2b06ea]:active{transform:scale(.98)}.queue-fab--has-items[data-v-7f2b06ea]{animation:pulse-border-7f2b06ea 2s ease-in-out infinite}@keyframes pulse-border-7f2b06ea{0%,to{border-color:#8b7355}50%{border-color:#a8956d}}.queue-fab__icon[data-v-7f2b06ea]{height:28px;width:28px}.queue-fab__badge[data-v-7f2b06ea]{align-items:center;background:#7c3aed;border-radius:11px;box-shadow:0 2px 6px #7c3aed66;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:-4px;top:-4px}.queue-empty[data-v-cddbe352]{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:16px;transition:background-color .2s ease}.queue-empty[data-v-cddbe352]:hover{background:#ffffff08}.queue-empty[data-v-cddbe352]:focus{outline:2px solid rgba(139,115,85,.5);outline-offset:2px}.queue-empty__vinyl[data-v-cddbe352]{animation:pulse-cddbe352 2s ease-in-out infinite;background:linear-gradient(135deg,#ffffff14,#ffffff05 50%,#ffffff14);border:2px dashed rgba(139,115,85,.3);border-radius:50%;height:80px;position:relative;width:80px}@keyframes pulse-cddbe352{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.queue-empty:hover .queue-empty__vinyl[data-v-cddbe352]{animation:none;border-color:#8b735599;opacity:1}.queue-empty__grooves[data-v-cddbe352]{background:repeating-radial-gradient(circle at center,transparent 0,transparent 4px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 6px);border-radius:50%;inset:4px;position:absolute}.queue-empty__plus[data-v-cddbe352]{color:#8b735599;font-size:28px;font-weight:300;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .2s ease,transform .2s ease;z-index:2}.queue-empty:hover .queue-empty__plus[data-v-cddbe352]{color:#8b7355;transform:translate(-50%,-50%) scale(1.1)}.queue-empty__hole[data-v-cddbe352]{background:#0d0a08;border-radius:50%;height:10%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10%;z-index:1}.queue-empty__text[data-v-cddbe352]{color:#ffffff80;font-size:13px;margin:12px 0 0}.queue-empty__hint[data-v-cddbe352]{color:#ffffff4d;font-size:11px;margin:4px 0 0}.queue-item[data-v-a6c8d4ee]{cursor:grab;display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.queue-item[data-v-a6c8d4ee]:focus,.queue-item[data-v-a6c8d4ee]:hover{outline:none;transform:translateY(-2px)}.queue-item[data-v-a6c8d4ee]:focus-visible{border-radius:6px;outline:2px solid hsl(var(--primary));outline-offset:4px}.queue-item__cover[data-v-a6c8d4ee]{aspect-ratio:1;background:hsl(var(--surface));border-radius:6px;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;width:100%;z-index:2}.queue-item:hover .queue-item__cover[data-v-a6c8d4ee]{box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff1a}.queue-item__thumbnail[data-v-a6c8d4ee]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.queue-item__placeholder[data-v-a6c8d4ee]{align-items:center;background:hsl(var(--muted));display:flex;font-size:1.5em;height:100%;justify-content:center;width:100%}.queue-item__vinyl[data-v-a6c8d4ee]{aspect-ratio:1;background:conic-gradient(from 0deg,#1a1a1a,#2a2a2a,#1a1a1a,#252525,#1a1a1a,#2a2a2a,#1a1a1a,#252525,#1a1a1a,#2a2a2a,#1a1a1a,#252525,#1a1a1a 1turn);box-shadow:0 2px 8px #00000080,inset 0 0 20px #d4af3714;left:0;top:0;transform:translate(0);transition:transform .2s ease-out,box-shadow .2s ease;width:100%;z-index:1}.queue-item__vinyl[data-v-a6c8d4ee],.queue-item__vinyl[data-v-a6c8d4ee]:before{border-radius:50%;pointer-events:none;position:absolute}.queue-item__vinyl[data-v-a6c8d4ee]:before{background:linear-gradient(135deg,transparent,rgba(212,175,55,.15) 25%,transparent 50%,rgba(147,112,219,.1) 75%,transparent);content:"";inset:0}.queue-item__vinyl-grooves[data-v-a6c8d4ee]{background:repeating-radial-gradient(circle at center,transparent 0,transparent 2px,rgba(212,175,55,.06) 0,hsla(0,0%,100%,.03) 3px);border-radius:50%;inset:0;position:absolute}.queue-item__vinyl-grooves[data-v-a6c8d4ee]:after{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.08) 0,transparent 50%);border-radius:50%;content:"";inset:0;position:absolute}.queue-item__vinyl-label[data-v-a6c8d4ee]{background:radial-gradient(circle at 30% 30%,#c9a227 0,#8b6914,#6b5310 60%,#4a3a0d);border:1px solid rgba(212,175,55,.3);border-radius:50%;box-shadow:inset 0 2px 4px #ffd7004d,inset 0 -2px 4px #0006,0 1px 3px #00000080;height:35%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35%}.queue-item__vinyl-label[data-v-a6c8d4ee]:before{border:1px solid rgba(255,215,0,.2);border-radius:50%;content:"";inset:15%;position:absolute}.queue-item__vinyl-hole[data-v-a6c8d4ee]{background:radial-gradient(circle,#0a0a0a 60%,#1a1a1a);border-radius:50%;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #d4af3733;height:8%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8%}.queue-item--dragging[data-v-a6c8d4ee]{cursor:grabbing;opacity:.95;z-index:100}.queue-item--dragging .queue-item__vinyl[data-v-a6c8d4ee]{animation:vinyl-spin-a6c8d4ee 3s linear infinite;box-shadow:0 4px 16px #0009,0 0 20px #d4af3726,inset 0 0 20px #d4af371a;transform:translate(60%);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.queue-item--dragging .queue-item__cover[data-v-a6c8d4ee]{box-shadow:0 8px 24px #0009,inset 0 1px #ffffff1a,0 0 0 2px #d4af3766;transform:scale(1.05);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}@keyframes vinyl-spin-a6c8d4ee{0%{transform:translate(60%) rotate(0)}to{transform:translate(60%) rotate(1turn)}}.queue-item:hover .queue-item__vinyl[data-v-a6c8d4ee]{transform:translate(8%);transition:transform .2s ease-out}.queue-item--drag-over[data-v-a6c8d4ee]{transform:translate(8px)}.queue-item--drag-over[data-v-a6c8d4ee]:before{animation:drop-pulse-a6c8d4ee .8s ease-in-out infinite;background:hsl(var(--primary));border-radius:2px;bottom:10%;box-shadow:0 0 8px hsl(var(--primary));content:"";left:-6px;position:absolute;top:10%;width:3px}@keyframes drop-pulse-a6c8d4ee{0%,to{opacity:.6}50%{opacity:1}}.queue-item--auto-load-ready .queue-item__cover[data-v-a6c8d4ee]:after{animation:auto-load-pulse-a6c8d4ee 2s ease-in-out infinite;border:2px solid hsl(var(--primary)/.6);border-radius:8px;content:"";inset:-3px;pointer-events:none;position:absolute}@keyframes auto-load-pulse-a6c8d4ee{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.05)}}.queue-item__overlay[data-v-a6c8d4ee]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;gap:6px;inset:0;position:absolute;z-index:10}.queue-item__action[data-v-a6c8d4ee],.queue-item__overlay[data-v-a6c8d4ee]{align-items:center;border-radius:6px;display:flex;justify-content:center}.queue-item__action[data-v-a6c8d4ee]{border:none;cursor:pointer;font-size:12px;font-weight:700;height:28px;transition:all .15s ease;width:28px}.queue-item__action--a[data-v-a6c8d4ee]{background:hsl(var(--deck-a));color:#fff}.queue-item__action--a[data-v-a6c8d4ee]:hover{background:hsl(var(--deck-a)/.8);transform:scale(1.1)}.queue-item__action--b[data-v-a6c8d4ee]{background:hsl(var(--deck-b));color:#fff}.queue-item__action--b[data-v-a6c8d4ee]:hover{background:hsl(var(--deck-b)/.8);transform:scale(1.1)}.queue-item__action--remove[data-v-a6c8d4ee]{background:hsl(var(--muted));color:#fff;font-size:16px}.queue-item__action--remove[data-v-a6c8d4ee]:hover{background:hsl(var(--destructive));transform:scale(1.1)}.queue-item__info[data-v-a6c8d4ee]{padding:0 2px;text-align:center}.queue-item__title[data-v-a6c8d4ee]{color:hsl(var(--foreground)/.8);font-size:11px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item__duration[data-v-a6c8d4ee]{color:hsl(var(--muted-foreground));font-size:10px;font-variant-numeric:tabular-nums}.fade-enter-active[data-v-a6c8d4ee],.fade-leave-active[data-v-a6c8d4ee]{transition:opacity .15s ease}.fade-enter-from[data-v-a6c8d4ee],.fade-leave-to[data-v-a6c8d4ee]{opacity:0}@media(max-width:768px){.queue-item__action[data-v-a6c8d4ee]{font-size:12px;height:32px;margin:-8px;padding:8px;width:32px}.queue-item__overlay[data-v-a6c8d4ee]{gap:8px}.queue-item__title[data-v-a6c8d4ee]{font-size:10px}.queue-item[data-v-a6c8d4ee]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}}.drawer-backdrop[data-v-3bfc3067]{background:#00000080;inset:0;position:fixed;z-index:998}.drawer[data-v-3bfc3067]{background:#1a1612;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 20px #00000080;display:flex;flex-direction:column;height:50vh;left:0;max-height:70vh;min-height:300px;position:fixed;right:0;z-index:999}.drawer__handle[data-v-3bfc3067]{display:flex;justify-content:center;padding:12px 0 8px}.drawer__handle-bar[data-v-3bfc3067]{background:#ffffff4d;border-radius:2px;height:4px;width:40px}.drawer__header[data-v-3bfc3067]{align-items:center;border-bottom:1px solid #2a221a;display:flex;gap:12px;padding:0 16px 12px}.drawer__title[data-v-3bfc3067]{color:#8b7355;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.drawer__count[data-v-3bfc3067]{color:#ffffff80;font-size:13px;font-variant-numeric:tabular-nums}.drawer__clear-wrapper[data-v-3bfc3067]{margin-left:auto}.drawer__clear[data-v-3bfc3067]{background:transparent;border:1px solid #8b7355;border-radius:4px;color:#8b7355;cursor:pointer;font-size:12px;padding:6px 14px;text-transform:uppercase}.drawer__confirm[data-v-3bfc3067]{display:flex;gap:8px}.drawer__confirm-no[data-v-3bfc3067],.drawer__confirm-yes[data-v-3bfc3067]{border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.drawer__confirm-yes[data-v-3bfc3067]{background:#dc2626;border:none;color:#fff}.drawer__confirm-no[data-v-3bfc3067]{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:#ffffffb3}.drawer__content[data-v-3bfc3067]{flex:1;overflow:hidden;padding:16px}.drawer__scroll[data-v-3bfc3067]{align-items:flex-start;display:flex;gap:12px;height:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px}.drawer__vinyl[data-v-3bfc3067]{flex-shrink:0;width:90px}.fade-enter-active[data-v-3bfc3067],.fade-leave-active[data-v-3bfc3067]{transition:opacity .2s ease}.fade-enter-from[data-v-3bfc3067],.fade-leave-to[data-v-3bfc3067]{opacity:0}.slide-up-enter-active[data-v-3bfc3067],.slide-up-leave-active[data-v-3bfc3067]{transition:transform .3s ease}.slide-up-enter-from[data-v-3bfc3067],.slide-up-leave-to[data-v-3bfc3067]{transform:translateY(100%)}
