/* Media-selector extras (placeholders, empty states, usage code, volume/audio bits).
   Base selector classes live in css/media.css. */

.v2-selector-placeholder-icon {
    font-size: 48px;
    margin-bottom: 12px;
    opacity: 0.3;
}

.v2-selector-placeholder-title {
    font-size: 14px;
    margin-bottom: 8px;
}

.v2-selector-placeholder-sub {
    font-size: 12px;
    opacity: 0.7;
}

.v2-url-spacer {
    flex: 1;
}

.v2-gallery-empty-icon {
    font-size: 32px;
    margin-bottom: 8px;
}

.v2-media-usage-code {
    font-family: var(--font-code, monospace);
    font-size: 10px;
    opacity: 0.7;
}

.v2-volume-thumb-icon {
    font-size: 48px;
    text-align: center;
    line-height: 94px;
}

.v2-volume-wrap-row {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.v2-volume-wrap-label {
    font-size: 11px;
    color: var(--text-secondary);
}

.v2-volume-card-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    background: var(--bg-tertiary);
    border-radius: 4px;
}

.v2-audio-mode-label {
    margin-right: 8px;
}