.voice-preview-list { display: grid; gap: 8px; margin: 10px 0 14px; }
.voice-preview-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper, #fff); }
.voice-preview-card.selected { border-color: var(--forest, #214b40); box-shadow: inset 3px 0 var(--forest, #214b40); }
.voice-preview-copy { display: grid; gap: 3px; min-width: 0; }
.voice-preview-copy strong { color: var(--ink, #182720); font-size: 13px; }
.voice-preview-copy span { color: var(--muted, #6e7c74); font-size: 11px; }
.voice-preview-copy .voice-preview-unavailable { color: #8b5c20; font-weight: 650; }
.voice-preview-actions { display: flex; flex: 0 0 auto; gap: 6px; }
.voice-preview-audio { width: min(220px, 50vw); height: 32px; }
.voice-preview-button, .voice-preview-choose { min-height: 32px; padding: 6px 10px; border: 1px solid var(--line, #dce5df); border-radius: 6px; background: white; color: var(--ink, #182720); font-size: 11px; }
.voice-preview-choose { border-color: var(--forest, #214b40); color: var(--forest, #214b40); }
.voice-preview-button:disabled, .voice-preview-choose:disabled { opacity: .65; cursor: wait; }
.voice-preview-status { min-height: 16px; margin: 0; color: var(--muted, #6e7c74); font-size: 11px; }
.voice-preview-status.voice-preview-error { color: var(--danger, #ad453e); }
@media (max-width: 560px) {
  .voice-preview-card { align-items: flex-start; flex-direction: column; }
  .voice-preview-actions { width: 100%; }
}