.transcript-panel { margin-top: 14px; }
.transcript-controls { display: flex; gap: 10px; align-items: center; padding: 20px 24px; }
.transcript-controls select { flex: 1; }
.transcript-text {
  margin: 0;
  border-top: 1px solid var(--line);
  padding: 24px;
  white-space: pre-wrap;
  max-height: 560px;
  overflow: auto;
  color: #d7dde5;
  font: 14px/1.7 ui-sans-serif, system-ui, sans-serif;
}
@media (max-width: 800px) {
  .transcript-controls { align-items: stretch; flex-direction: column; }
}