.filters.svelte-8dkqzx{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.filters.svelte-8dkqzx input:where(.svelte-8dkqzx),.filters.svelte-8dkqzx select:where(.svelte-8dkqzx){background:#181a1f;border:1px solid #2c2f37;color:#e6e7ea;padding:.45rem .7rem;border-radius:.4rem;font:.88rem system-ui}.filters.svelte-8dkqzx input.dir:where(.svelte-8dkqzx){flex:1;min-width:14rem;max-width:24rem}.filters.svelte-8dkqzx input:where(.svelte-8dkqzx):focus,.filters.svelte-8dkqzx select:where(.svelte-8dkqzx):focus{outline:2px solid #4a8cff;border-color:transparent}.bpm-group.svelte-8dkqzx{display:flex;gap:.3rem;align-items:center;color:#b6b9c1;font-size:.85rem}.bpm-group.svelte-8dkqzx input[type=number]:where(.svelte-8dkqzx){width:4.5rem}.bpm-group.svelte-8dkqzx .dash:where(.svelte-8dkqzx){color:#6c6f78}.bpm-group.svelte-8dkqzx .hint:where(.svelte-8dkqzx){color:#6c6f78;font-size:.75rem;margin-left:.4rem}.clear.svelte-8dkqzx{background:transparent;border:1px solid #2c2f37;color:#b6b9c1;padding:.4rem .85rem;border-radius:.4rem;cursor:pointer;font-size:.85rem}.clear.svelte-8dkqzx:hover{background:#2c2f37;color:#e6e7ea}.count.svelte-8dkqzx{color:#8b8e96;font-size:.85rem;margin-left:auto}.empty.svelte-8dkqzx{color:#8b8e96;padding:3rem 0;text-align:center}.audio-list.svelte-8dkqzx{width:100%;border-collapse:collapse;margin-bottom:2.5rem;background:#181a1f;border:1px solid #2c2f37;border-radius:.5rem;overflow:hidden}.audio-list.svelte-8dkqzx thead:where(.svelte-8dkqzx){background:#0e0f12;color:#8b8e96;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.audio-list.svelte-8dkqzx th:where(.svelte-8dkqzx){padding:.6rem .8rem;text-align:left;font-weight:500;border-bottom:1px solid #2c2f37}.audio-list.svelte-8dkqzx th.num:where(.svelte-8dkqzx),.audio-list.svelte-8dkqzx td.num:where(.svelte-8dkqzx){text-align:right;font-variant-numeric:tabular-nums}.audio-list.svelte-8dkqzx th.ic:where(.svelte-8dkqzx){width:2.6rem}.audio-list.svelte-8dkqzx th.check-col:where(.svelte-8dkqzx),.audio-list.svelte-8dkqzx td.check-col:where(.svelte-8dkqzx){width:2.4rem;padding-left:.6rem;padding-right:0}.select-toggle.svelte-8dkqzx,.select-all-btn.svelte-8dkqzx{background:transparent;border:0;padding:.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:.3rem}.select-toggle.svelte-8dkqzx:hover,.select-all-btn.svelte-8dkqzx:hover{background:#4a8cff26}.checkbox.svelte-8dkqzx{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border:2px solid #6c6f78;border-radius:.25rem;background:transparent;color:#fff;transition:background .1s,border-color .1s}.checkbox.checked.svelte-8dkqzx,.checkbox.partial.svelte-8dkqzx{background:#4a8cff;border-color:#4a8cff}.audio-list.svelte-8dkqzx .row.multi-selected:where(.svelte-8dkqzx) .checkbox:where(.svelte-8dkqzx){border-color:#4a8cff}.audio-list.svelte-8dkqzx .row:where(.svelte-8dkqzx){cursor:pointer;transition:background .1s;border-bottom:1px solid #2c2f37}.audio-list.svelte-8dkqzx .row:where(.svelte-8dkqzx):hover{background:#2c2f37}.audio-list.svelte-8dkqzx .row.selected:where(.svelte-8dkqzx){background:#233054}.audio-list.svelte-8dkqzx .row.playing:where(.svelte-8dkqzx){background:#1f3b5c;box-shadow:inset 3px 0 #4a8cff}.audio-list.svelte-8dkqzx .row:where(.svelte-8dkqzx):last-child{border-bottom:0}.play-btn.svelte-8dkqzx{width:1.8rem;height:1.8rem;border-radius:50%;background:#f97316;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;padding:0;transition:transform .1s,background .1s}.play-btn.svelte-8dkqzx:hover{background:#ea580c;transform:scale(1.05)}.row.playing.svelte-8dkqzx .play-btn:where(.svelte-8dkqzx){background:#4a8cff}.player-bar.svelte-8dkqzx{position:fixed;bottom:0;left:0;right:0;background:#181a1f;border-top:1px solid #2c2f37;padding:.5rem 1rem;z-index:100;display:flex;align-items:center;gap:.8rem;box-shadow:0 -4px 12px #0006}.player-bar.svelte-8dkqzx audio:where(.svelte-8dkqzx){flex:1;height:32px}.now-playing.svelte-8dkqzx{color:#b6b9c1;font-size:.85rem;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-btn.svelte-8dkqzx{background:transparent;border:1px solid #2c2f37;color:#b6b9c1;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn.svelte-8dkqzx:hover{background:#2c2f37;color:#ff6b6b}.audio-list.svelte-8dkqzx td:where(.svelte-8dkqzx){padding:.55rem .8rem;color:#d0d4dc;font-size:.88rem}.audio-list.svelte-8dkqzx td.ic:where(.svelte-8dkqzx){padding:.4rem .6rem}.audio-list.svelte-8dkqzx .name:where(.svelte-8dkqzx){color:#e6e7ea}.audio-list.svelte-8dkqzx .name-cell:where(.svelte-8dkqzx){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28rem}.audio-list.svelte-8dkqzx .key:where(.svelte-8dkqzx){color:#4a8cff;font-weight:500}.audio-list.svelte-8dkqzx .date:where(.svelte-8dkqzx){color:#8b8e96}.row.multi-selected.svelte-8dkqzx{background:#2c4878;box-shadow:inset 3px 0 #46d36c}.multi-bar.svelte-8dkqzx{position:sticky;bottom:0;left:0;right:0;background:#181a1f;border-top:1px solid #2c2f37;padding:.6rem 1rem;display:flex;gap:.6rem;align-items:center;color:#e6e7ea;font-size:.88rem;z-index:50;flex-wrap:wrap}.multi-bar.svelte-8dkqzx button:where(.svelte-8dkqzx){background:#2c2f37;color:#e6e7ea;border:1px solid #3a3d45;padding:.4rem .85rem;border-radius:.3rem;cursor:pointer;font-size:.82rem}.multi-bar.svelte-8dkqzx button:where(.svelte-8dkqzx):hover{background:#3a3d45;border-color:#4a8cff}.multi-bar.svelte-8dkqzx button.danger:where(.svelte-8dkqzx){color:#ff6b6b}.multi-bar.svelte-8dkqzx button.danger:where(.svelte-8dkqzx):hover{background:#4a2020}.ctx-menu.svelte-8dkqzx{position:fixed;z-index:10000;background:#181a1f;border:1px solid #3a3d45;border-radius:.4rem;box-shadow:0 4px 16px #0009;padding:.3rem;min-width:16rem;display:flex;flex-direction:column;gap:.1rem}.ctx-menu.svelte-8dkqzx button:where(.svelte-8dkqzx){background:transparent;border:0;color:#e6e7ea;padding:.5rem .7rem;border-radius:.3rem;text-align:left;cursor:pointer;font:.85rem system-ui}.ctx-menu.svelte-8dkqzx button:where(.svelte-8dkqzx):hover{background:#2c2f37}.ctx-menu.svelte-8dkqzx button.danger:where(.svelte-8dkqzx){color:#ff6b6b}.ctx-menu.svelte-8dkqzx button.danger:where(.svelte-8dkqzx):hover{background:#4a2020}.ctx-menu.svelte-8dkqzx hr:where(.svelte-8dkqzx){border:0;border-top:1px solid #2c2f37;margin:.2rem 0}.ctx-menu.svelte-8dkqzx .hint:where(.svelte-8dkqzx){display:block;padding:.25rem .7rem;font-size:.7rem;color:#6c6f78;text-transform:uppercase;letter-spacing:.05em}.multi-bar.svelte-8dkqzx button.primary:where(.svelte-8dkqzx){background:#4a8cff;color:#fff;border-color:#4a8cff}.multi-bar.svelte-8dkqzx button.primary:where(.svelte-8dkqzx):hover{background:#6ba0ff}.audio-layout.svelte-8dkqzx{display:grid;grid-template-columns:16rem 1fr;gap:1rem;align-items:flex-start}@media (max-width: 900px){.audio-layout.svelte-8dkqzx{grid-template-columns:1fr}}