.file-drop-picker{--fdp-accent:#32d5ff;color:var(--bs-body-color);width:100%}.file-drop-picker__zone{align-items:center;background:linear-gradient(145deg,rgba(24,35,52,.94),rgba(12,18,29,.96));border:1px dashed rgba(130,195,220,.55);border-radius:1rem;cursor:pointer;display:flex;gap:1rem;min-height:8rem;padding:1.25rem;transition:border-color .18s,box-shadow .18s,transform .18s}.file-drop-picker__zone:hover,.file-drop-picker.is-dragging .file-drop-picker__zone{border-color:var(--fdp-accent);box-shadow:0 0 0 .2rem rgba(50,213,255,.12);transform:translateY(-1px)}.file-drop-picker__zone:focus-visible{outline:3px solid var(--fdp-accent);outline-offset:3px}.file-drop-picker__zone[aria-disabled=true]{cursor:not-allowed;filter:grayscale(1);opacity:.55}.file-drop-picker__input{height:1px;opacity:0;position:absolute;width:1px}.file-drop-picker__icon{align-items:center;background:rgba(50,213,255,.12);border-radius:50%;color:var(--fdp-accent);display:flex;font-size:1.6rem;height:3.5rem;justify-content:center;min-width:3.5rem}.file-drop-picker__copy{display:flex;flex-direction:column;gap:.25rem}.file-drop-picker__copy small,.file-drop-picker__help,.file-drop-picker__meta small{color:var(--bs-secondary-color)}.file-drop-picker__help{font-size:.875rem;margin:.5rem 0}.file-drop-picker__errors{color:var(--bs-danger);font-size:.875rem;min-height:1.25rem}.file-drop-picker__files{display:grid;gap:.5rem;list-style:none;margin:.5rem 0 0;padding:0}.file-drop-picker__file{align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto auto;padding:.7rem}.file-drop-picker__meta{display:flex;flex-direction:column;min-width:0}.file-drop-picker__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-drop-picker__preview{background-position:center;background-size:cover;border-radius:.4rem;height:2.4rem;width:2.4rem}.file-drop-picker__state{color:var(--bs-success);font-size:.8rem}@media(max-width:575.98px){.file-drop-picker__zone{align-items:flex-start;min-height:7rem}.file-drop-picker__file{grid-template-columns:auto minmax(0,1fr) auto}.file-drop-picker__state{display:none}}

.audio-source-picker__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 0 0 20px;
}

.audio-source-picker__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 190px;
    min-height: 66px;
    padding: 0 24px;
    border: 1px solid rgba(79, 118, 151, .58);
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(13, 29, 48, .76), rgba(8, 21, 36, .82));
    color: #f0f4fa;
    font: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.01em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.audio-source-picker__tab:hover {
    border-color: rgba(100, 175, 232, .76);
    background: linear-gradient(180deg, rgba(18, 40, 65, .88), rgba(10, 26, 44, .9));
    color: #fff;
    transform: translateY(-1px);
}

.audio-source-picker__tab.active,
.audio-source-picker__tab[aria-selected="true"] {
    border-color: #70bdff;
    background: linear-gradient(180deg, rgba(28, 79, 125, .84), rgba(12, 45, 76, .9));
    color: #fff;
    box-shadow:
        0 0 0 1px rgba(112, 189, 255, .34),
        0 0 22px rgba(66, 160, 232, .28),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.audio-source-picker__tab:focus-visible {
    outline: 2px solid #8acbff;
    outline-offset: 3px;
}

.audio-source-picker__tab-icon {
    flex: 0 0 auto;
    color: #dcecff;
    font-size: 1.55rem;
    line-height: 1;
}

.audio-source-picker__tab.active .audio-source-picker__tab-icon,
.audio-source-picker__tab[aria-selected="true"] .audio-source-picker__tab-icon {
    color: #eaf6ff;
}

@media (max-width: 575.98px) {
    .audio-source-picker__tabs {
        gap: 10px;
    }

    .audio-source-picker__tab {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        min-height: 58px;
    }
}