.transcript-dialog {
  display: grid;
  gap: 14px;
}

.player-dock {
  position: sticky;
  top: 68px;
  z-index: 9;
  margin-bottom: 18px;
  padding: 12px 0;
  background: color-mix(in srgb, var(--bg) 94%, transparent);
  backdrop-filter: blur(14px);
}

.player-dock .player {
  display: block;
  margin: 0;
}

.transcript-turn {
  width: min(88%, 720px);
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  cursor: pointer;
  transition: border-color .15s ease, transform .15s ease;
}

.transcript-turn:hover,
.transcript-turn:focus-visible {
  border-color: var(--accent);
  outline: none;
}

.transcript-turn:active {
  transform: translateY(1px);
}

.transcript-turn.speaker-1 {
  justify-self: end;
  background: var(--surface-2);
}

.transcript-turn header {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--accent);
  font-size: .8rem;
}

.transcript-turn header span {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.transcript-turn p {
  margin: 7px 0 0;
  line-height: 1.55;
}

.section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.section-heading h2 { margin:0; }
.transcript-editor { display:grid; gap:14px; }
.transcript-editor[hidden] { display:none; }
.transcript-segment-editor { grid-template-columns:52px minmax(0,1fr); align-items:start; }
.transcript-segment-editor > span { padding-top:12px; color:var(--muted); font-variant-numeric:tabular-nums; }
.transcript-editor textarea { min-height:76px; resize:vertical; line-height:1.5; }
.editor-actions { display:flex; gap:10px; flex-wrap:wrap; }
.save-note { color:var(--accent-strong); font-weight:650; }