.voice-privacy { color: var(--muted, #6c7069); font-size: 12px; margin-top: 10px; text-align: left; }
.voice-privacy summary { cursor: pointer; padding: 8px 0; width: fit-content; }
.voice-privacy p { line-height: 1.6; max-width: 48ch; margin: 4px 0; }
.transcription-working { color: #466452; margin-left: 8px; }
.transcript { margin: 20px 0 28px; }
.transcript-status { font-size: 14px; line-height: 1.6; color: #687168; margin: 0 0 16px; }
.transcript button { min-height: 44px; border: 1px solid #c5d1c3; border-radius: 12px; padding: 10px 17px; background: #e7eee2; color: #314737; font: inherit; font-size: 14px; cursor: pointer; }
.transcript button:disabled { opacity: .55; cursor: default; }
.transcript button:focus-visible, .transcript summary:focus-visible, .voice-privacy summary:focus-visible { outline: 2px solid #3d6046; outline-offset: 3px; }
.transcript-editor label { display: block; font-size: 13px; color: #687168; margin-bottom: 9px; }
.transcript .transcript-text { width: 100%; box-sizing: border-box; min-height: 170px; max-height: 50dvh; resize: vertical; margin: 0 0 14px; padding: 15px; border: 1px solid #d2d8ca; border-radius: 12px; background: #fdfcf7; color: #293b31; font: inherit; font-size: 17px; line-height: 1.65; }
.transcript .transcript-text:focus { outline: 2px solid #6f8b70; outline-offset: 2px; }
.transcript-save-status { font-size: 13px; line-height: 1.6; color: #687168; min-height: 1.6em; margin: 10px 0; }
.transcript-original { margin: 15px 0 0; font-size: 14px; }
.transcript-original summary { cursor: pointer; padding: 10px 0; color: #687168; }
.transcript-source, .transcript-remote { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.transcript-conflict { border-left: 2px solid #b89b68; padding: 0 0 0 14px; margin: 14px 0; }
.transcript-conflict h3 { font-size: 13px; font-weight: 500; color: #71664e; }
.transcript-conflict-actions { display: flex; flex-wrap: wrap; gap: 8px; }
dialog:has(.transcript:not([hidden])) { max-height: calc(100dvh - 40px); overflow-y: auto; }
dialog .transcript[hidden], .transcript-editor[hidden], .transcript-conflict[hidden], .voice-privacy[hidden] { display: none; }
@media (max-width: 420px) { .transcript .transcript-text { font-size: 16px; } dialog:has(.transcript:not([hidden])) { max-height: calc(100dvh - 20px); padding: 24px 20px; } }