.document-sheet:has(.manuscript-toolbar--rich) { overflow:visible; }
.document-sheet .manuscript-toolbar--rich { flex-wrap:wrap; overflow:visible; padding:6px 10px; border-radius:10px 10px 0 0; gap:4px 8px; }
.manuscript-tool-group { display:flex; flex-wrap:wrap; align-items:center; gap:3px; min-width:0; margin:0; }
.manuscript-tool-group + .manuscript-tool-group { border-left:1px solid var(--line); padding-left:8px; }
.document-sheet .manuscript-toolbar--rich :is(button,summary,select) { min-height:40px; font-size:var(--text-small); }
.manuscript-toolbar--rich select { width:auto; min-width:0; max-width:100%; padding:6px 26px 6px 8px; margin:0; border:1px solid transparent; background-color:transparent; color:var(--ink); border-radius:6px; font-family:var(--font-ui); cursor:pointer; }
.manuscript-toolbar--rich select:hover { border-color:var(--line); background-color:var(--sage); }
.manuscript-toolbar--rich [data-format=size] { min-width:calc(8ch + 3.5rem); }
.manuscript-format-menu { position:relative; margin:0; border:0; padding:0; }
.manuscript-format-menu > summary { display:flex; align-items:center; justify-content:center; gap:8px; padding:8px; list-style:none; border-radius:6px; color:var(--ink); cursor:pointer; }
.manuscript-format-menu > summary::-webkit-details-marker { display:none; }
.manuscript-format-menu[open] > summary,.manuscript-format-menu > summary:hover { background:var(--sage); color:var(--document-accent); }
.manuscript-format-options { position:absolute; z-index:20; top:calc(100% + 6px); left:0; width:min(270px,calc(100vw - 48px)); max-height:calc(100dvh - var(--document-top) - 160px); overflow-y:auto; overscroll-behavior:contain; display:grid; gap:6px; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); box-shadow:0 8px 24px color-mix(in srgb,var(--shadow-color) 12.5%,transparent); }
.manuscript-tool-group:last-of-type .manuscript-format-options { left:auto; right:0; }
.manuscript-format-options > :is(button,select) { width:100%; }
.document-sheet .manuscript-format-options > button { justify-content:flex-start; padding:8px; text-align:left; }
.manuscript-format-options p { margin:0; font-size:var(--text-small); color:var(--muted); }
.manuscript-format-options label { display:grid; gap:4px; font-size:var(--text-small); }
.manuscript-format-options select { border-color:var(--line); }
.manuscript-input-settings { padding-bottom:12px; margin-bottom:6px; border-bottom:1px solid var(--line); }
.manuscript-format-options .manuscript-input-settings label { display:flex; align-items:flex-start; gap:8px; }
.manuscript-input-settings input { flex:none; margin-top:4px; }
.manuscript-input-settings p { margin-top:8px; }
.manuscript-input-settings p:empty { display:none; }
.manuscript-alignment-buttons { display:flex; justify-content:space-between; gap:4px; }
.manuscript-dropcap-icon { font-family:Georgia,serif; font-size:1.4em; line-height:1; }
.manuscript-image-dialog,.manuscript-link-dialog { width:min(620px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:24px; overflow-y:auto; overscroll-behavior:contain; }
.manuscript-image-dialog > header { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.manuscript-image-dialog h2,.manuscript-link-dialog h2 { margin:0 0 16px; font-size:var(--text-card); }
.manuscript-image-dialog form,.manuscript-link-dialog form { display:grid; gap:12px; }
.manuscript-image-dialog label,.manuscript-link-dialog label { display:grid; gap:6px; font-weight:600; }
.manuscript-image-dialog :is(input:not([type=checkbox]),select),.manuscript-link-dialog input { width:100%; min-width:0; }
.manuscript-image-dialog :is(p,.muted),.manuscript-link-dialog p { margin:0; font-size:var(--text-small); line-height:1.5; }
.manuscript-image-dialog .manuscript-decorative { display:flex; align-items:center; font-weight:400; gap:10px; }
.manuscript-image-preview { max-width:100%; max-height:160px; width:auto; margin-inline:auto; object-fit:contain; }
.manuscript-image-dialog .manuscript-image-remove { color:var(--error); }
.manuscript-surface .manuscript-illustration { cursor:pointer; }
.manuscript-surface .manuscript-illustration:hover { outline:2px solid var(--document-accent); outline-offset:4px; }
@media(max-width:600px) {
 .document-sheet .manuscript-toolbar--rich { flex-wrap:nowrap; overflow-x:auto; gap:4px; padding:4px; scrollbar-width:thin; }
 .document-sheet .manuscript-toolbar--rich :is(button,summary,select) { min-height:44px; }
 .manuscript-tool-group + .manuscript-tool-group { padding-left:4px; }
 .document-sheet .manuscript-toolbar--rich .manuscript-tool-group { flex:none; flex-wrap:nowrap; }
 .document-sheet .manuscript-toolbar--rich .manuscript-tool-group:first-child { position:sticky; left:0; z-index:2; background:var(--paper); padding-right:4px; border-right:1px solid var(--line); }
 .document-sheet .manuscript-toolbar--rich .manuscript-tool-group:first-child button { min-width:44px; }
 .document-sheet .manuscript-toolbar--rich :is(button,summary,select) { flex:none; white-space:nowrap; }
 .manuscript-toolbar--rich .document-resume { display:none; }
 .manuscript-format-options { position:fixed; top:calc(var(--document-top) + 110px); left:12px!important; right:12px!important; width:auto; max-height:calc(100dvh - var(--document-top) - 150px); }
 .manuscript-image-dialog,.manuscript-link-dialog { padding:18px; }
}
@media print { .manuscript-toolbar--rich { display:none!important; } }