.reader-document-title { min-width: 0; flex: 1; }
.reader-document-title h2 { font-size: 19px; line-height: 1.35; margin: 0 0 3px; overflow-wrap: anywhere; }
.reader-document-title small { font-size: 11px; color: #7c8fa6; }
.reader-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; flex-shrink: 0; margin-bottom: 10px; }
.reader-language { display: flex; gap: 8px; align-items: center; font-size: 12px; color: #66788d; }
.reader-language select { padding: 7px 12px; border: 1px solid #dce5f0; border-radius: 8px; background: white; color: #17324d; min-width: 170px; }
.reader-language-status { font-size: 11px; color: #607895; }
.reader-toolbar .document-actions { margin: 0 0 0 auto; gap: 8px; }
.reader-limit { font-size: 11px; color: #7c8fa6; margin: 0 0 8px; }
.document-preview-content .document-reading { margin: 0 auto 16px; border: 0; padding: 12px 20px; max-width: 1000px; }
.document-editor-dialog { position: fixed; inset: 0; margin: auto; box-sizing: border-box; width: min(1500px, calc(100vw - 32px)); max-width: calc(100vw - 32px); height: calc(100dvh - 32px); max-height: calc(100dvh - 32px); overflow: hidden; padding: 16px; }
.document-editor-dialog header h2 { font-size: 18px; }
.comparison-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 12px; flex-wrap: wrap; flex-shrink: 0; }
.document-editor-dialog .comparison-toolbar .editor-language { display: flex; gap: 8px; max-width: none; font-size: 11px; }
.comparison-toolbar .editor-language select { height: 34px; width: 130px; padding: 4px 8px; line-height: 1.4; }
.comparison-toolbar .mud-button-root { font-size: 11px; padding: 6px 12px; }
.document-editor-dialog .editor-modes .mud-button-root[aria-pressed=true] { background: #2563eb; border-color: #2563eb; color: #fff; }
.document-comparison { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; min-height: 0; flex: 1; }
.comparison-pane { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid #e1e9f3; border-radius: 10px; overflow: hidden; }
.comparison-pane > h3 { font-size: 12px; color: #526e8c; background: #f7f9fc; padding: 10px 12px; margin: 0; border-bottom: 1px solid #e1e9f3; flex-shrink: 0; }
.comparison-pane h3 small { float: right; color: #8a9bb0; font-size: 10px; font-weight: 400; }
.comparison-original, .comparison-pane .document-visual-editor, .comparison-pane .document-raw-editor { flex: 1; min-height: 0; max-height: none; overflow: auto; margin: 0; padding: 16px; border: 0; border-radius: 0; font-size: 14px; line-height: 1.8; }
.comparison-original { background: #fafbfd; }
.comparison-pane .document-raw-editor { width: 100%; resize: none; }
.comparison-pane .editor-toolbar { flex-wrap: nowrap; overflow-x: auto; border-radius: 0; padding: 5px; border: 0; border-bottom: 1px solid #e1e9f3; }
.comparison-pane .editor-toolbar button { white-space: nowrap; font-size: 10px; padding: 5px 7px; }
.document-editor-dialog footer { flex-shrink: 0; }
.comparison-original, .comparison-pane .document-visual-editor, .comparison-pane .document-raw-editor { scroll-behavior: auto; overscroll-behavior: contain; }
@media (max-width: 700px) {
 .reader-document-title h2 { font-size: 16px; }.document-modal-toolbar .mud-button-root { min-width: auto; font-size: 0; }.document-modal-toolbar .mud-button-start-icon { margin: 0; }
 .reader-toolbar { gap: 6px; }.reader-language select { min-width: 140px; }.reader-toolbar .document-actions { margin-left: 0; width: 100%; }.reader-toolbar .mud-button-root { font-size: 10px; }
  .document-editor-dialog { width: calc(100vw - 12px); max-width: calc(100vw - 12px); height: calc(100dvh - 12px); max-height: calc(100dvh - 12px); padding: 10px; gap: 8px !important; }
 .document-comparison { gap: 6px; }.comparison-original, .comparison-pane .document-visual-editor, .comparison-pane .document-raw-editor { padding: 8px; font-size: 12px; }
 .comparison-pane > h3 { font-size: 10px; padding: 8px; }.comparison-pane h3 small { float: none; display: block; }.comparison-toolbar { gap: 6px; }.comparison-toolbar .editor-modes { gap: 4px; }
}