/* Keep writing, diagnosis and optional AI editing visually separate. */
.draft-workspace { margin-top: 24px; }
.draft-workspace > textarea { min-height: 280px; }
#draft-diagnosis { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--baseline); }
#draft-diagnosis .quadrant-box { max-width: 360px; }
.revision-next-step { margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--baseline); }
#revision-panel { width: min(780px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; overflow: auto; color: var(--ink); }
#revision-panel:not([open]) { display: none; }
#revision-panel::backdrop { background: rgba(0, 0, 0, .7); }
.revision-heading { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
#revision-panel h2 { font-size: 1.15rem; text-transform: none; letter-spacing: 0; }
.revision-details, .revision-findings { margin: 16px 0; }
#revision-panel summary { cursor: pointer; }
.reference-text { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--page); border: 1px solid var(--baseline); border-radius: 8px; padding: 18px; }
.reference-panel select { min-width: 0; max-width: 100%; }
.reference-panel button[aria-pressed="true"] { outline: 2px solid var(--lane2); outline-offset: 2px; }
.reference-panel .example-row { flex-wrap: wrap; }
#revision-output textarea { min-height: 180px; white-space: pre-wrap; }
#revision-output-title:focus { outline: 2px solid var(--lane2); outline-offset: 4px; }
#revision-output .actions { flex-wrap: wrap; }
#revision-questions { white-space: pre-wrap; overflow-wrap: anywhere; }