/* Reuse the TTS cards, output, typography and statistics. */
.asr-studio [hidden] { display: none !important; }
.asr-resulthead label { font-weight: 600; font-size: 12px; }
#asrrecord { min-width: 150px; }
#asrprogress { width: 100%; height: 4px; display: block; margin: 12px 0 20px; accent-color: var(--c-ink); }
.asr-resulthead { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.asr-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.asr-studio #asrtext { min-height: 150px; resize: vertical; }
.asr-stats { flex-wrap: wrap; }
.asr-request { font: 11px/1.5 var(--mono); color: var(--c-ink-3); overflow-wrap: anywhere; margin: 12px 0 0; min-height: 16px; }
#asroutput[data-state="error"] #asrstatus { color: var(--c-alarm-ink); }
@media (max-width: 600px) {
  .asr-resulthead { align-items: flex-start; }
}