/* /Components/Layout/ConnectionActivity.razor.rz.scp.css */


.media-activity-list[b-qledy8gkqk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr));
    gap: 0.65rem;
}

.media-activity-item[b-qledy8gkqk] {
    min-width: 0;
    padding: 0.7rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid #303740;
    border-radius: 0.6rem;
    background: rgba(13, 17, 23, 0.58);
}

.media-activity-kind[b-qledy8gkqk] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    border-radius: 0.5rem;
}

.media-activity-kind.download[b-qledy8gkqk] {
    background: rgba(88, 166, 255, 0.13);
    color: #79c0ff;
}

.media-activity-kind.preparation[b-qledy8gkqk] {
    background: rgba(210, 153, 34, 0.14);
    color: #e3b341;
}

.media-activity-copy[b-qledy8gkqk] {
    min-width: 0;
    overflow: hidden;
    flex: 1 1 auto;
}

.media-activity-row[b-qledy8gkqk] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.media-activity-track[b-qledy8gkqk] {
    min-width: 0;
    overflow: hidden;
    display: block;
    flex: 1 1 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.84rem;
    font-weight: 720;
}

.media-activity-percent[b-qledy8gkqk] {
    flex: 0 0 auto;
    color: #c9d1d9;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
}

.media-activity-meta[b-qledy8gkqk],
.media-activity-empty[b-qledy8gkqk] {
    color: var(--muted);
    font-size: 0.72rem;
}

.media-activity-meta[b-qledy8gkqk] {
    margin-top: 0.08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-activity-empty[b-qledy8gkqk] {
    padding: 0.35rem 0;
    text-align: center;
}

.media-activity-progress[b-qledy8gkqk] {
    height: 5px;
    margin-top: 0.45rem;
    overflow: hidden;
    border-radius: 999px;
    background: #252c34;
}

.media-activity-progress-fill[b-qledy8gkqk] {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2f81f7, #79c0ff);
    transform: scaleX(var(--media-activity-progress, 0));
    transform-origin: left center;
    transition: transform 250ms linear;
}

.media-activity-progress.indeterminate .media-activity-progress-fill[b-qledy8gkqk] {
    width: 38%;
    transform: translateX(-120%);
    animation: media-activity-indeterminate-b-qledy8gkqk 1.15s ease-in-out infinite;
}

@keyframes media-activity-indeterminate-b-qledy8gkqk {
    to { transform: translateX(365%); }
}

@media (prefers-reduced-motion: reduce) {

.media-activity-progress-fill[b-qledy8gkqk] {
        transition: none;
    }

.media-activity-progress.indeterminate .media-activity-progress-fill[b-qledy8gkqk] {
        width: 100%;
        transform: none;
        animation: none;
        opacity: 0.45;
    }

}

.topbar-actions[b-qledy8gkqk] { display: flex; align-items: center; gap: .5rem; }
.topbar-activity[b-qledy8gkqk] { position: relative; }
.activity-status-button[b-qledy8gkqk] { min-height: 44px; min-width: 44px; padding: .5rem; display: flex; gap: var(--space-2); align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: var(--radius); color: var(--muted); background: transparent; }
.activity-status-button.has-active[b-qledy8gkqk] { color: var(--accent); }
.activity-status-icon[b-qledy8gkqk] { display: inline-flex; align-items: center; justify-content: center; }
.activity-status-count[b-qledy8gkqk] { font-size: .75rem; }

.sync-indicator[b-qledy8gkqk] { position: relative; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 1px solid var(--border); border-radius: var(--radius); color: var(--muted); background: transparent; }
.sync-dot[b-qledy8gkqk] { position: absolute; width: 7px; height: 7px; bottom: 7px; right: 7px; border-radius: 50%; }
.sync-dot.online[b-qledy8gkqk] { background: var(--success); }
.sync-dot.delayed[b-qledy8gkqk] { background: var(--warning); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-gzj0v8xie3] { min-height: 100vh; display: flex; background: var(--background); }
.sidebar[b-gzj0v8xie3] { width: var(--sidebar-width); height: 100vh; position: sticky; top: 0; align-self: flex-start; flex-shrink: 0; background: var(--surface); border-right: 1px solid var(--border); }
.main-content[b-gzj0v8xie3] { min-width: 0; flex: 1; padding-bottom: var(--player-height); }
.topbar[b-gzj0v8xie3] { min-height: 68px; display: flex; justify-content: flex-end; align-items: center; gap: .65rem; padding: .6rem 1.5rem; border-bottom: 1px solid var(--border); background: var(--surface); }
.content-wrap[b-gzj0v8xie3] { max-width: 1500px; margin: 0 auto; padding: 1.5rem clamp(1rem, 3vw, 2.5rem); }
@media (max-width: 860px) {
    .app-shell[b-gzj0v8xie3] { display: block; }
    .sidebar[b-gzj0v8xie3] { width: 100%; height: auto; position: relative; }
    .topbar[b-gzj0v8xie3] { padding: .6rem 1rem; }
    .content-wrap[b-gzj0v8xie3] { padding: 1rem; }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-row[b-sm4bmjjnk6] { position: relative; height: 68px; display: flex; align-items: center; padding: 0 1rem; border-bottom: 1px solid var(--border); }
.brand[b-sm4bmjjnk6] { display: flex; align-items: center; gap: .7rem; color: var(--text); text-decoration: none; }
.brand-logo[b-sm4bmjjnk6] { width: 38px; height: 38px; border-radius: .5rem; }
.brand strong[b-sm4bmjjnk6], .brand small[b-sm4bmjjnk6] { display: block; }
.brand strong[b-sm4bmjjnk6] { font-size: 1rem; }
.brand small[b-sm4bmjjnk6] { color: var(--muted); font-size: .65rem; }
.navbar-toggler[b-sm4bmjjnk6] { display: none; }
.nav-scrollable[b-sm4bmjjnk6] { display: flex; flex-direction: column; justify-content: space-between; height: calc(100dvh - 68px); overflow-y: auto; }
.nav[b-sm4bmjjnk6] { padding: .75rem; gap: .25rem; }
.nav-section[b-sm4bmjjnk6] { padding: .75rem; font-size: .7rem; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.nav[b-sm4bmjjnk6]  .nav-link { display: flex; align-items: center; gap: .65rem; min-height: 44px; padding: .65rem .75rem; border-radius: var(--radius); color: var(--muted); font-size: .9rem; font-weight: 600; }
.nav[b-sm4bmjjnk6]  .nav-link:hover { background: var(--surface-2); color: var(--text); }
.nav[b-sm4bmjjnk6]  .nav-link.active { background: var(--accent-soft); color: var(--accent); }
.sidebar-footer[b-sm4bmjjnk6] { padding: 1rem; border-top: 1px solid var(--border); }
.selected-user-footer[b-sm4bmjjnk6] { display: flex; align-items: center; gap: .6rem; }
.sidebar-user-avatar[b-sm4bmjjnk6] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--surface-3); }
.selected-user-footer-copy[b-sm4bmjjnk6] { min-width: 0; }
.selected-user-footer-copy strong[b-sm4bmjjnk6], .selected-user-footer-copy span[b-sm4bmjjnk6] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; }
.selected-user-footer-copy span[b-sm4bmjjnk6] { color: var(--muted); font-size: .7rem; }
.sidebar-logout-form[b-sm4bmjjnk6] { margin-top: .75rem; }
.sidebar-logout-button[b-sm4bmjjnk6] { width: 100%; }
@media (max-width: 860px) {
    .brand-row[b-sm4bmjjnk6] { padding-right: calc(44px + 2rem); }
    .navbar-toggler[b-sm4bmjjnk6] { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--border); color: var(--text); background: var(--surface-2); border-radius: var(--radius); }
    .nav-scrollable[b-sm4bmjjnk6] { display: none; height: auto; }
    .nav-scrollable.open[b-sm4bmjjnk6] { display: flex; }
    .nav[b-sm4bmjjnk6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nav-section[b-sm4bmjjnk6] { grid-column: 1 / -1; }
    .sidebar-footer[b-sm4bmjjnk6] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
    .sidebar-logout-form[b-sm4bmjjnk6] { margin: 0; }
}
/* /Components/Pages/Cache.razor.rz.scp.css */
.cache-heading-actions[b-pov0p319rg] { display: flex; flex-wrap: wrap; gap: .5rem; }
.cache-diagnostics > summary[b-pov0p319rg] { min-height: 44px; padding: .65rem 0; cursor: pointer; color: var(--muted); }
.cache-diagnostics[open] > summary[b-pov0p319rg] { margin-bottom: 1rem; }
.cache-track-panel[b-pov0p319rg] { scroll-margin-top: 1rem; }
.cache-pagination[b-pov0p319rg] { gap: .6rem; }
.cache-pagination-top[b-pov0p319rg] { padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.cache-page-summary[b-pov0p319rg] { display: grid; text-align: center; font-size: .85rem; }
.cache-page-summary span[b-pov0p319rg] { color: var(--muted); font-size: .75rem; }
.cache-info-header[b-pov0p319rg] { display: flex; gap: 1rem; align-items: center; padding-bottom: 1rem; }
.cache-info-header > div[b-pov0p319rg] { min-width: 0; }
.cache-info-header h2[b-pov0p319rg] { font-size: 1.1rem; overflow-wrap: anywhere; }
.cache-info-thumbnail[b-pov0p319rg] { width: 112px; height: 63px; object-fit: contain; border-radius: var(--radius); }
.cache-info-section[b-pov0p319rg] { padding-top: 1rem; margin-top: 1rem; border-top: 1px solid var(--border); }
.cache-info-section h3[b-pov0p319rg] { font-size: 1rem; }
.cache-info-section-title[b-pov0p319rg] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; }
.cache-info-grid[b-pov0p319rg] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; }
.cache-info-grid dt[b-pov0p319rg] { color: var(--muted); font-size: .75rem; font-weight: 500; }
.cache-info-grid dd[b-pov0p319rg] { margin: .2rem 0 0; font-size: .9rem; overflow-wrap: anywhere; }
.cache-info-warning[b-pov0p319rg] { color: var(--warning); }
.cache-info-empty[b-pov0p319rg] { color: var(--muted); }
.cache-info-actions[b-pov0p319rg], .cache-confirm-actions[b-pov0p319rg] { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; margin-top: 1rem; }
.cache-confirm-icon[b-pov0p319rg] { color: var(--danger); margin-bottom: .75rem; }
@media (max-width: 420px) { .cache-page-summary[b-pov0p319rg] { order: -1; width: 100%; } .cache-info-header[b-pov0p319rg] { align-items: flex-start; } }

@media (max-width: 600px) { .cache-filter-grid > div:not(:first-child)[b-pov0p319rg] { flex: 0 0 50%; width: 50%; } }

[b-pov0p319rg] .cache-sort-button { min-height: 44px; display: inline-flex; align-items: center; gap: .35rem; padding: .25rem 0; border: 0; background: transparent; color: var(--muted); font-size: .75rem; font-weight: 650; text-align: left; }
[b-pov0p319rg] .cache-sort-button.active, [b-pov0p319rg] .cache-sort-button:hover { color: var(--accent); }
[b-pov0p319rg] .cache-sort-indicator { display: inline-flex; }
.cache-thumbnail-button:disabled[b-pov0p319rg] { opacity: .55; }
.cache-thumbnail-button:disabled .cache-thumbnail-overlay:has(.spinner-border)[b-pov0p319rg] { opacity: 1; }
/* /Components/Pages/Extension.razor.rz.scp.css */
.extension-grid[b-5etf5gvqhf] {
    align-items: start;
}

.extension-target[b-5etf5gvqhf],
.extension-scope[b-5etf5gvqhf],
.extension-tip[b-5etf5gvqhf],
.extension-actions[b-5etf5gvqhf],
.extension-key-status[b-5etf5gvqhf] {
    display: flex;
    gap: 0.75rem;
}

.extension-target[b-5etf5gvqhf] {
    flex-direction: column;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: 0.8rem;
    background: var(--surface-3);
}

.extension-target > span:last-child[b-5etf5gvqhf] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--muted);
}

.extension-scope[b-5etf5gvqhf],
.extension-tip[b-5etf5gvqhf] {
    align-items: center;
    margin-top: 1rem;
    padding: 0.9rem;
    border-radius: 0.75rem;
    background: rgba(58, 165, 255, 0.08);
}

.extension-scope div[b-5etf5gvqhf] {
    display: grid;
    gap: 0.25rem;
}

.extension-scope span[b-5etf5gvqhf],
.extension-tip span[b-5etf5gvqhf],
.extension-key-status[b-5etf5gvqhf] {
    color: var(--muted);
}

.extension-actions[b-5etf5gvqhf] {
    flex-wrap: wrap;
    margin-top: 1rem;
}

.extension-actions .btn[b-5etf5gvqhf] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.extension-key-status[b-5etf5gvqhf] {
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.extension-download-fallback[b-5etf5gvqhf] {
    margin-top: 0.8rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.extension-instructions[b-5etf5gvqhf] {
    display: grid;
    gap: 0.9rem;
    margin: 0;
    padding-left: 1.4rem;
}

.extension-instructions code[b-5etf5gvqhf] {
    user-select: all;
}
/* /Components/Pages/Favorites.razor.rz.scp.css */

.favorites-queue-actions[b-0zz7xfxzzq] { display: flex; flex-wrap: wrap; gap: .5rem; }
.favorites-manual summary[b-0zz7xfxzzq] { color: var(--muted); min-height: 44px; cursor: pointer; padding: .65rem 0; }
.favorites-manual input[b-0zz7xfxzzq] { flex: 1; min-width: min(100%, 220px); }
/* /Components/Pages/JellyfinConnectionPanel.razor.rz.scp.css */
.jellyfin-panel[b-giznj54inj] {
    min-width: 0;
}

.jellyfin-panel-title[b-giznj54inj] {
    align-items: flex-start;
}

.jellyfin-connected-badge[b-giznj54inj] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .5rem;
    border: 1px solid rgba(63, 185, 80, .3);
    border-radius: .35rem;
    background: rgba(63, 185, 80, .08);
    color: #8ee89f;
    font-size: .7rem;
    font-weight: 750;
}

.jellyfin-connection-card[b-giznj54inj] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .78rem .85rem;
    border: 1px solid #303740;
    border-radius: .55rem;
    background: #11151a;
}

.jellyfin-connection-main[b-giznj54inj] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.jellyfin-server-icon[b-giznj54inj] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border: 1px solid #3a424b;
    border-radius: .45rem;
    background: #252b32;
    color: #dce1e6;
}

.jellyfin-connection-copy[b-giznj54inj] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.jellyfin-connection-copy strong[b-giznj54inj] {
    overflow: hidden;
    color: var(--text);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jellyfin-connection-copy span[b-giznj54inj] {
    overflow: hidden;
    color: #a5aeb8;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jellyfin-library[b-giznj54inj] {
    min-width: 0;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #2d343d;
}

.jellyfin-library-header[b-giznj54inj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.jellyfin-library-heading[b-giznj54inj] {
    min-width: 0;
}

.jellyfin-library-heading strong[b-giznj54inj] {
    display: block;
    color: var(--text);
    font-size: .88rem;
}

.jellyfin-library-heading span[b-giznj54inj] {
    display: block;
    margin-top: .1rem;
    color: #929ca8;
    font-size: .76rem;
}

.jellyfin-search[b-giznj54inj] {
    position: relative;
    width: min(440px, 100%);
}

.jellyfin-search-icon[b-giznj54inj] {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: .72rem;
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    overflow: hidden;
    color: #7f8995;
    line-height: 0;
    pointer-events: none;
    transform: translateY(-50%);
}

.jellyfin-search-icon[b-giznj54inj]  .tabler-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.jellyfin-search .form-control[b-giznj54inj] {
    min-height: 40px;
    padding-left: 2.35rem;
}

.jellyfin-audio-artist[b-giznj54inj] {
    overflow: hidden;
    color: #c3cad2;
    font-size: .84rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jellyfin-audio-meta[b-giznj54inj] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .15rem .5rem;
    color: #929ca8;
    font-size: .76rem;
    line-height: 1.35;
}

.jellyfin-album[b-giznj54inj] {
    max-width: min(34rem, 56vw);
    overflow: hidden;
    color: #aab2bb;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jellyfin-audio-action[b-giznj54inj] {
    white-space: nowrap;
}

.jellyfin-skeleton:last-child[b-giznj54inj] {
    border-bottom: 0;
}

.jellyfin-connect[b-giznj54inj] {
    max-width: 720px;
}

.jellyfin-connect-copy[b-giznj54inj] {
    margin-bottom: 1rem;
    color: #a5aeb8;
    font-size: .84rem;
    line-height: 1.5;
}

.jellyfin-connect-actions[b-giznj54inj] {
    display: flex;
    align-items: flex-end;
    gap: .65rem;
}

.jellyfin-connect-field[b-giznj54inj] {
    min-width: 0;
    flex: 1 1 auto;
}

.jellyfin-load-more[b-giznj54inj] {
    display: flex;
    justify-content: center;
    margin-top: .85rem;
}


@media (max-width: 760px) {
    .jellyfin-library-header[b-giznj54inj] {
        align-items: stretch;
        flex-direction: column;
    }

    .jellyfin-search[b-giznj54inj] {
        width: 100%;
    }

    .jellyfin-audio-action[b-giznj54inj] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .jellyfin-connection-card[b-giznj54inj] {
        align-items: stretch;
        flex-direction: column;
    }

    .jellyfin-connection-card > .btn[b-giznj54inj] {
        width: 100%;
    }

    .jellyfin-connection-copy span[b-giznj54inj] {
        white-space: normal;
    }

    .jellyfin-album[b-giznj54inj] {
        max-width: 100%;
    }

    .jellyfin-connect-actions[b-giznj54inj] {
        align-items: stretch;
        flex-direction: column;
    }

    .jellyfin-connect-actions .btn[b-giznj54inj] {
        width: 100%;
    }
}



.jellyfin-panel .alert-info[b-giznj54inj] {
    border-color: #3d4650;
    background: #171c22;
    color: #d5dbe1;
}

.jellyfin-panel .alert-info code[b-giznj54inj] {
    padding: .12rem .32rem;
    border: 1px solid #46515c;
    border-radius: .3rem;
    background: #0f1318;
    color: #f2f4f6;
    font-size: .9em;
}
/* /Components/Pages/MyAudio.razor.rz.scp.css */
.my-audio-source-tabs[b-0z8k4sku98] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: 1rem;
}

.my-audio-source-tab[b-0z8k4sku98] {
    min-width: 0;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .72rem .85rem;
    border: 1px solid var(--border);
    border-radius: .55rem;
    background: rgba(15, 18, 22, .62);
    color: #c9d0d7;
    text-align: left;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.my-audio-source-tab:hover[b-0z8k4sku98],
.my-audio-source-tab:focus-visible[b-0z8k4sku98] {
    border-color: #5b6570;
    background: #1b2026;
    color: #fff;
}

.my-audio-source-tab.active[b-0z8k4sku98] {
    border-color: var(--accent);
    background: var(--accent-soft);
    color: #fff;
    box-shadow: inset 3px 0 0 var(--accent);
}

.my-audio-source-tab-icon[b-0z8k4sku98] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: .45rem;
    background: #252b32;
    color: #e7ebef;
}

.my-audio-source-tab-copy[b-0z8k4sku98] {
    min-width: 0;
    display: grid;
    gap: .08rem;
}

.my-audio-source-tab-copy strong[b-0z8k4sku98] {
    color: inherit;
    font-size: .9rem;
    line-height: 1.25;
}

.my-audio-source-tab-copy span[b-0z8k4sku98] {
    overflow: hidden;
    color: #a5aeb8;
    font-size: .76rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-audio-layout[b-0z8k4sku98] {
    display: grid;
    gap: 1rem;
}

.my-audio-drop-zone[b-0z8k4sku98] {
    min-height: 110px;
    border: 1px dashed #46505b;
    border-radius: .55rem;
    padding: 1rem;
    text-align: center;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: .48rem;
    background: #11151a;
    color: #c9d0d7;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.my-audio-drop-zone > .tabler-icon[b-0z8k4sku98] {
    color: #dce1e6;
}

.my-audio-drop-zone strong[b-0z8k4sku98] {
    color: var(--text);
    font-size: .94rem;
}

.my-audio-drop-zone span[b-0z8k4sku98] {
    color: #a5aeb8;
    font-size: .82rem;
}

.my-audio-drop-zone.dragging[b-0z8k4sku98] {
    border-color: #aeb6bf;
    background: rgba(255, 255, 255, .055);
}

.my-audio-upload-progress[b-0z8k4sku98] {
    margin-top: 1rem;
    display: grid;
    gap: .55rem;
    padding: .8rem;
    border: 1px solid #303740;
    border-radius: .5rem;
    background: #11151a;
}

.my-audio-upload-progress .progress[b-0z8k4sku98] {
    height: 6px;
    background: #252b32;
}

.my-audio-upload-progress .progress-bar[b-0z8k4sku98] {
    background: #d9dde1;
}

.my-audio-title-row[b-0z8k4sku98] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.my-audio-status[b-0z8k4sku98] {
    flex: 0 0 auto;
    padding: .16rem .42rem;
    border: 1px solid #414a54;
    border-radius: .35rem;
    background: #252b32;
    color: #c9d0d7;
    font-size: .66rem;
    font-weight: 750;
    line-height: 1.25;
}

.my-audio-status.ready[b-0z8k4sku98] {
    border-color: rgba(63, 185, 80, .32);
    background: rgba(63, 185, 80, .09);
    color: #8ee89f;
}

.my-audio-status.failed[b-0z8k4sku98] {
    border-color: rgba(248, 81, 73, .36);
    background: rgba(248, 81, 73, .1);
    color: #ff9a93;
}

.my-audio-artist[b-0z8k4sku98] {
    overflow: hidden;
    color: #c3cad2;
    font-size: .84rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-audio-details[b-0z8k4sku98] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .2rem .55rem;
    color: #929ca8;
    font-size: .76rem;
    line-height: 1.35;
}

.my-audio-album[b-0z8k4sku98] {
    max-width: min(32rem, 55vw);
    overflow: hidden;
    color: #aab2bb;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-audio-meta[b-0z8k4sku98] {
    white-space: nowrap;
}

.my-audio-source[b-0z8k4sku98] {
    width: max-content;
    margin-top: .1rem;
    padding: .12rem .4rem;
    border: 1px solid #3b4650;
    border-radius: .35rem;
    background: #20262d;
    color: #b9c1ca;
    font-size: .68rem;
    font-weight: 650;
}

@media (max-width: 576px) {
    .my-audio-source-tabs[b-0z8k4sku98] {
        grid-template-columns: 1fr;
    }

    .my-audio-source-tab-copy span[b-0z8k4sku98] {
        white-space: normal;
    }

    .my-audio-drop-zone[b-0z8k4sku98] {
        min-height: 110px;
        padding: 1.2rem;
    }

    .my-audio-title-row[b-0z8k4sku98] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .my-audio-album[b-0z8k4sku98] {
        max-width: 100%;
    }


}

.my-audio-status.deleting[b-0z8k4sku98] {
    border-color: #46505a;
    background: #242a31;
    color: #b8c0c8;
}

.my-audio-upload-progress .text-muted[b-0z8k4sku98] {
    color: #a5aeb8 !important;
}
/* /Components/Player/ControlTargetSelector.razor.rz.scp.css */
.target-chip[b-gp93iga8ah] { display: inline-flex; align-items: center; gap: .65rem; min-height: 44px; max-width: 100%; min-width: 0; padding: .4rem .65rem; color: var(--text); background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius); text-align: left; }
.target-chip img[b-gp93iga8ah] { flex-shrink: 0; border-radius: .4rem; }
.target-chip > span[b-gp93iga8ah] { min-width: 0; }
.target-chip strong[b-gp93iga8ah], .target-chip small[b-gp93iga8ah] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.target-chip strong[b-gp93iga8ah] { font-size: .8rem; }
.target-chip small[b-gp93iga8ah] { color: var(--muted); font-size: .73rem; }
.target-channels[b-gp93iga8ah] { display: grid; gap: .4rem; margin-top: .8rem; max-height: 45vh; overflow-y: auto; }
.target-channel[b-gp93iga8ah] { display: flex; gap: .6rem; align-items: center; width: 100%; min-height: 48px; padding: .65rem; text-align: left; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); color: var(--text); }
.target-channel span[b-gp93iga8ah] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.target-channel small[b-gp93iga8ah] { display: block; color: var(--muted); }
.target-channel[aria-pressed=true][b-gp93iga8ah] { border-color: var(--accent); background: var(--accent-soft); }
/* /Components/Player/GlobalPlayer.razor.rz.scp.css */
.global-player[b-p0q299qirx] { position: fixed; bottom: 0; left: var(--sidebar-width); right: 0; z-index: 30; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: .8rem 1.5rem calc(.8rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--border); background: var(--surface-2); box-shadow: 0 -8px 32px #0004; }
.global-player-track[b-p0q299qirx] { min-width: 0; }
.global-player-target[b-p0q299qirx] { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; }
.global-player-target[b-p0q299qirx]  .target-chip { max-width: 240px; }
.global-player-error[b-p0q299qirx] { grid-column: 1 / -1; }
@media (max-width: 1100px) { .global-player[b-p0q299qirx] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 860px) { .global-player[b-p0q299qirx] { left: 0; } }
@media (max-width: 600px) {
    .global-player[b-p0q299qirx] { gap: .5rem; padding: .6rem 1rem calc(.6rem + env(safe-area-inset-bottom)); }
    .global-player-target[b-p0q299qirx] { justify-content: space-between; }
    .global-player-target[b-p0q299qirx]  .target-chip { flex: 1; min-width: 0; }
}
/* /Components/Player/NowPlaying.razor.rz.scp.css */
.now-playing[b-auek4ybbta] { isolation: isolate; overflow: clip; display: grid; grid-template-columns: clamp(180px, 26vw, 340px) minmax(0, 1fr); gap: 1rem 1.5rem; align-items: center; padding: clamp(1rem, 3vw, 2rem); background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.player-artwork[b-auek4ybbta] { grid-row: span 2; position: relative; display: block; min-height: 0; align-self: center; aspect-ratio: 16 / 9; overflow: visible; border-radius: var(--radius); background: var(--surface-3); }
.player-copy[b-auek4ybbta] { position: relative; z-index: 1; min-width: 0; display: grid; gap: .65rem; }
.player-copy-stage[b-auek4ybbta] { position: relative; }
.player-copy-source[b-auek4ybbta] { visibility: hidden; }
.player-copy-content[b-auek4ybbta], .player-copy-visual[b-auek4ybbta]  .player-copy-content { display: grid; gap: .65rem; }
.player-copy-visual[b-auek4ybbta] { position: absolute; inset: 0; }
.player-copy-visual[b-auek4ybbta]  .player-copy-content { position: absolute; inset: 0; }
.compact .player-copy-content[b-auek4ybbta], .compact .player-copy-visual[b-auek4ybbta]  .player-copy-content { gap: .1rem; }
.player-controls[b-auek4ybbta], .player-footer[b-auek4ybbta] { position: relative; z-index: 1; }
.player-eyebrow[b-auek4ybbta] { color: var(--muted); font-size: .75rem; letter-spacing: .07em; text-transform: uppercase; }
.player-title[b-auek4ybbta] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.36em; color: var(--text); font-weight: 750; font-size: clamp(1.3rem, 2.5vw, 2.4rem); line-height: 1.18; overflow-wrap: anywhere; text-decoration: none; }
.player-controls[b-auek4ybbta] { min-width: 0; }
.now-playing:not(.compact) .player-controls[b-auek4ybbta] { grid-column: 2; }
.player-footer[b-auek4ybbta] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .75rem; }
.player-target[b-auek4ybbta] { min-width: 0; max-width: 100%; margin-left: auto; }
.player-target[b-auek4ybbta]  .target-chip { max-width: 320px; width: 100%; }
.compact[b-auek4ybbta] { overflow: visible; padding: 0; border: 0; background: transparent; grid-template-columns: 80px minmax(0, 1fr) auto; gap: .5rem .8rem; }
.compact .player-artwork[b-auek4ybbta] { grid-row: 1; }
.compact .player-title[b-auek4ybbta] { font-size: .9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.compact .player-copy[b-auek4ybbta] { gap: .1rem; }
.compact .player-eyebrow[b-auek4ybbta] { font-size: .63rem; }
.compact .track-meta[b-auek4ybbta] { font-size: .72rem; }
.compact-progress[b-auek4ybbta] { grid-column: 1 / -1; }
.idle:not(.compact) .player-artwork[b-auek4ybbta] { grid-row: 1; }
.idle:not(.compact) .player-title[b-auek4ybbta] { font-size: 1.3rem; }
.idle.compact[b-auek4ybbta] { grid-template-columns: 80px minmax(0, 1fr); }
.compact-progress[b-auek4ybbta]  .playback-progress { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .75rem; }
.compact-progress[b-auek4ybbta]  .playback-time { font-size: .72rem; white-space: nowrap; }
@media (max-width: 700px) {
    .now-playing:not(.compact)[b-auek4ybbta] { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    .now-playing:not(.compact) .player-artwork[b-auek4ybbta] { grid-row: auto; width: 100%; max-width: 420px; justify-self: center; }
    .now-playing:not(.compact) .player-controls[b-auek4ybbta] { grid-column: 1 / -1; }
    .compact[b-auek4ybbta] { grid-template-columns: 80px minmax(0, 1fr); }
    .compact .player-controls[b-auek4ybbta] { grid-column: 1 / -1; }
    .player-target[b-auek4ybbta] { flex: 1 1 180px; }
    .player-target[b-auek4ybbta]  .target-chip { max-width: none; }
}
/* /Components/Player/PlaybackControls.razor.rz.scp.css */
.playback-controls[b-mcf4qjfwdt] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
/* /Components/Player/PlaybackProgress.razor.rz.scp.css */
.playback-progress[b-j4m0jh9obn] { display: grid; gap: .45rem; min-width: 0; }
.playback-progress-track[b-j4m0jh9obn] { height: 7px; border-radius: 99px; overflow: hidden; background: var(--surface-3); }
.playback-progress-fill[b-j4m0jh9obn] { height: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left; }
.playback-time[b-j4m0jh9obn] { color: var(--muted); font-size: .78rem; font-variant-numeric: tabular-nums; text-align: right; }
/* /Components/Player/PlayerArtwork.razor.rz.scp.css */
.player-image[b-dw6jbi5jot], .player-image-layers[b-dw6jbi5jot], .player-image-placeholder[b-dw6jbi5jot] { position: absolute; inset: 0; display: block; border-radius: inherit; }
.player-image[b-dw6jbi5jot] { background: var(--surface-3); }
.player-image[data-playing="true"][b-dw6jbi5jot] { background: #000; }
.player-image-layers[b-dw6jbi5jot]  .player-artwork-frame { position: absolute; inset: 0; border-radius: inherit; }
.player-image-layers[b-dw6jbi5jot]  img { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; background: #000; border-radius: inherit; }
.player-image-layers[b-dw6jbi5jot]  [data-source="youtube"] img { object-fit: cover; }
.player-image-layers[b-dw6jbi5jot]  .player-ambient { position: absolute; inset: 35% -8% -28%; pointer-events: none; border-radius: 50%; background: radial-gradient(ellipse at center, rgb(var(--artwork-accent-rgb) / .5) 0%, rgb(var(--artwork-accent-rgb) / .2) 42%, transparent 75%); filter: blur(32px); }
.player-image-placeholder[b-dw6jbi5jot] { display: grid; place-items: center; color: var(--muted); font-size: 2rem; }
.player-image[data-playing="true"] .player-image-placeholder[b-dw6jbi5jot] { display: none; }
.player-image[data-playing="false"] .player-image-layers[b-dw6jbi5jot] { visibility: hidden; }
@media (max-width: 700px) { .player-image-layers[b-dw6jbi5jot]  .player-ambient { inset: 40% 0 -20%; filter: blur(24px); opacity: .7; } }

.player-image-layers[b-dw6jbi5jot]  .player-ambient-from-image { background: none; mask-image: radial-gradient(ellipse at center, #000b 0%, #0007 42%, transparent 75%); }
.player-image-layers[b-dw6jbi5jot]  .player-ambient-from-image img { object-fit: cover; border-radius: 50%; background: transparent; }
/* /Components/Player/RadioSettings.razor.rz.scp.css */
.radio-settings[b-ezqb2j0g8c] { min-width: 0; }
.radio-button-group[b-ezqb2j0g8c] { display: inline-flex; align-items: center; }
.radio-toggle[b-ezqb2j0g8c] { border-start-end-radius: 0; border-end-end-radius: 0; }
.radio-options-button[b-ezqb2j0g8c] { border-start-start-radius: 0; border-end-start-radius: 0; margin-left: -1px; }
.radio-button-group > button:focus-visible[b-ezqb2j0g8c] { position: relative; z-index: 1; }
.radio-fields[b-ezqb2j0g8c] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.radio-hint[b-ezqb2j0g8c] { margin: .75rem 0 0; }
/* /Components/Player/SmartTrackInput.razor.rz.scp.css */
.smart-track-input[b-o2x4tupa55] { padding: 1.25rem 0; }
.smart-search[b-o2x4tupa55] { display: grid; grid-template-columns: minmax(0, 1fr) 145px auto; gap: .65rem; }
.smart-search input[b-o2x4tupa55] { min-height: 52px; font-size: 1rem; }
.smart-search [data-hint][b-o2x4tupa55] { grid-column: 1 / -1; }
.bulk-input[b-o2x4tupa55] { margin-top: .65rem; }
.bulk-input summary[b-o2x4tupa55] { color: var(--muted); cursor: pointer; width: fit-content; min-height: 36px; padding: .35rem 0; }
.bulk-input[open][b-o2x4tupa55] { padding-bottom: 1rem; }
.bulk-input label[b-o2x4tupa55] { display: block; margin-top: .5rem; }
@media (max-width: 650px) {
    .smart-search[b-o2x4tupa55] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .smart-search input[b-o2x4tupa55] { grid-column: 1 / -1; }
    .smart-search select[b-o2x4tupa55] { font-size: .85rem; }
}
/* /Components/Shared/ApiFeedback.razor.rz.scp.css */
.inline-error[b-z2cuzqe0js] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: .75rem 0; padding: .65rem .85rem; border: 1px solid #ff9b9460; border-radius: var(--radius); color: var(--danger); background: #ff9b9412; font-size: .85rem; overflow-wrap: anywhere; }
.inline-error > span[b-z2cuzqe0js] { min-width: 0; }

.inline-success[b-z2cuzqe0js] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: .5rem 0; color: var(--accent); font-size: .85rem; overflow-wrap: anywhere; }
.inline-success > span[b-z2cuzqe0js] { min-width: 0; }