.home-editor-demo { --document-top:0px; isolation:auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.home-editor-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px 12px; }
.home-editor-label { display:block; margin-bottom:4px; color:var(--muted); font:11px/1.5 var(--font-ui); }
.home-editor-heading h3 { margin:0; font:400 23px/1.25 var(--font-display); letter-spacing:-.02em; }
.home-editor-reset { flex:none; }
.home-editor-layout { display:block; margin:0; }
.home-editor-demo .document-sheet { border:0; border-radius:0; background:transparent; box-shadow:none; }
.home-editor-demo .document-sheet .manuscript-toolbar { position:relative; top:auto; gap:4px 12px; padding:6px 12px; border:0; border-radius:0; background:var(--surface-soft); }
.home-editor-demo .manuscript-tool-group + .manuscript-tool-group { border:0; padding-left:0; }
.home-editor-demo .document-sheet .manuscript-toolbar :is(button,summary,select) { min-width:36px; min-height:36px; font-size:13px; }
.home-editor-demo .manuscript-format-menu > summary { border:0; background:none; }
.home-editor-demo .manuscript-format-menu > summary::after { display:none; }
.home-editor-demo .document-page-content { background:var(--surface); color:var(--ink); }
.home-editor-demo .document-sheet .manuscript-surface { display:block; height:310px; min-height:0; margin:0; background:transparent; }
.home-editor-demo .manuscript-surface:not(.ql-container) { padding:22px 28px; overflow:auto; }
.home-editor-demo .document-sheet .manuscript-surface .ql-editor { height:100%; min-height:0; padding:22px clamp(20px,4vw,48px) 28px; font:18px/1.75 var(--font-display); scrollbar-width:thin; }
.home-editor-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 16px; padding:10px 20px 12px; color:var(--muted); font:11px/1.5 var(--font-ui); }
.home-editor-caption { margin:9px 0 0; color:var(--muted); font:12px/1.7 var(--font-ui); }
@media (pointer:coarse) {
 .home-editor-demo .document-sheet .manuscript-toolbar :is(button,summary,select),.home-editor-reset { min-width:44px; min-height:44px; }
}
@media (max-width:600px) {
 .home-editor-heading { padding:12px; gap:8px; }
 .home-editor-heading h3 { font-size:21px; }
 .home-editor-reset { min-width:44px; min-height:44px; }
 .home-editor-reset span { display:none; }
 .home-editor-demo .document-sheet .manuscript-toolbar { flex-wrap:nowrap; gap:8px; padding:4px; }
 .home-editor-demo .document-sheet .manuscript-toolbar :is(button,summary,select) { min-width:44px; min-height:44px; }
 .home-editor-demo .document-sheet .manuscript-toolbar .manuscript-tool-group:first-child { border:0; }
 .home-editor-demo .manuscript-format-options { top:auto; bottom:max(12px,env(safe-area-inset-bottom)); max-height:min(60dvh,360px); }
 .home-editor-demo .document-sheet .manuscript-surface .ql-editor { padding:18px 16px 24px; font-size:17px; }
 .home-editor-footer { padding:10px 12px; }
}