.queue-table[data-v-b1e6a54c]{display:flex;flex-direction:column;table-layout:fixed;width:100%}.queue-row[data-v-b1e6a54c]{align-items:start;border-bottom:1px solid var(--ui-border,hsla(0,0%,100%,.06));display:grid;gap:12px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 96px minmax(0,1fr) minmax(0,1fr) 132px;padding:10px 12px;transition:background-color .12s ease,transform .12s ease,opacity .12s ease}.queue-row[data-v-b1e6a54c]:hover:not(.queue-row--head){background-color:var(--ui-bg-elevated,hsla(0,0%,100%,.03))}.queue-row--head[data-v-b1e6a54c]{color:var(--ui-text-muted,hsla(0,0%,100%,.55));font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.queue-row.sortable-ghost[data-v-b1e6a54c]{background-color:var(--ui-bg-accented,rgba(168,85,247,.12));opacity:.4}.queue-row.sortable-chosen[data-v-b1e6a54c]{background-color:var(--ui-bg-elevated,hsla(0,0%,100%,.04))}.queue-empty[data-v-b1e6a54c]{color:var(--ui-text-muted,hsla(0,0%,100%,.55));font-size:14px;padding:24px 12px;text-align:center}.queue-cell[data-v-b1e6a54c]{align-items:center;display:inline-flex;font-size:14px;gap:6px;min-width:0;white-space:normal}.queue-cell[data-v-b1e6a54c],.queue-cell--title[data-v-b1e6a54c],.queue-cell--wrap[data-v-b1e6a54c]{overflow-wrap:anywhere;word-break:break-word}.queue-cell--title[data-v-b1e6a54c]{font-weight:500}.queue-cell--title-text[data-v-b1e6a54c]{min-width:0;overflow-wrap:anywhere;word-break:break-word}.queue-cell--actions[data-v-b1e6a54c]{gap:4px;justify-content:flex-end}.queue-row__handle[data-v-b1e6a54c]{align-items:center;cursor:grab;display:inline-flex}.queue-row__handle[data-v-b1e6a54c]:active{cursor:grabbing}.drop-zones{bottom:24px;display:flex;gap:16px;left:50%;opacity:0;pointer-events:none;position:fixed;transform:translate(-50%);transition:opacity .15s ease,transform .15s ease;z-index:9999}.drop-zones--active{opacity:1;pointer-events:auto}.drop-zone{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f13d9;border:2px dashed;border-radius:16px;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.01em;min-height:96px;transition:transform .12s ease,background-color .12s ease,border-color .12s ease;width:240px}.drop-zone__icon{height:28px;width:28px}.drop-zone--played{border-color:#22c55e99;color:#86efac}.drop-zone--played.drop-zone--hover,.drop-zone--played:hover{background-color:#22c55e38;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e59,0 12px 32px #22c55e38;color:#dcfce7;transform:scale(1.06)}.drop-zone--delete{border-color:#ef444499;color:#fca5a5}.drop-zone--delete.drop-zone--hover,.drop-zone--delete:hover{background-color:#ef444438;border-color:#ef4444;box-shadow:0 0 0 2px #ef444459,0 12px 32px #ef444438;color:#fee2e2;transform:scale(1.06)}.drop-zone .queue-row,.drop-zone .queue-row--ghost,.drop-zone .sortable-ghost{display:none!important}