.document-editor{color:#302719;grid-template-columns:minmax(0,1fr);gap:1rem;width:min(1180px,100% - 2rem);min-width:0;max-width:calc(100vw - 2rem);margin:1rem auto 2rem;display:grid;overflow-x:clip}.document-editor.preview-fullscreen-mode{gap:0;width:100%;max-width:none;height:100dvh;min-height:100dvh;margin:0;overflow:hidden}.document-editor-header,.document-section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.document-editor-header h1{margin:0;font-size:1.25rem}.document-menu{position:relative}.hamburger-button{cursor:pointer;background:#f8edd9;border:1px solid #bfa57e;border-radius:10px;align-content:center;gap:.28rem;width:2.6rem;height:2.6rem;padding:.55rem;display:grid}.hamburger-button span{background:#3c2d17;border-radius:2px;height:2px;display:block}.document-menu-panel{z-index:20;background:#fffdf8;border:1px solid #cdbb9d;border-radius:10px;gap:.2rem;min-width:10rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 .5rem 1.5rem #3c2d1726}.document-menu-panel button,.document-menu-panel a{color:#3c2d17;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.55rem .7rem;text-decoration:none}.document-menu-panel button:hover,.document-menu-panel a:hover{background:#f8edd9}.export-font-size-field{color:#3c2d17;gap:.3rem;margin-top:-.2rem;padding:0 .7rem .45rem 1.7rem;font-size:.82rem;display:grid}.export-font-size-field select{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #cdbb9d;border-radius:6px;padding:.35rem .45rem}.document-section{box-sizing:border-box;background:#fffdf8;border:1px solid #d7c7aa;border-radius:14px;width:100%;min-width:0;max-width:100%;padding:.85rem}.document-section h2,.document-section label{color:#4f3f28;margin:0 0 .5rem;font-size:.95rem;font-weight:700;display:block}.document-section-heading label{margin:0}.document-section-heading{margin-bottom:.5rem}.source-sections-toggle-row{align-items:center;gap:.55rem;margin-block:-.55rem;display:flex}.source-sections-toggle-row:before,.source-sections-toggle-row:after{content:"";border-top:1px solid #d7c7aa;flex:1}.source-sections-toggle{color:#3c2d17;cursor:pointer;background:#f8edd9;border:1px solid #bfa57e;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;padding:.34rem;display:grid}.source-sections-toggle:hover,.source-sections-toggle:focus-visible{background:#f2dfbf}.source-sections-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.document-source-sections{gap:1rem;display:grid}.document-source-sections[hidden]{display:none}.document-data-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.document-preview-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.document-preview-heading h2{margin:0}.preview-size-controls{align-items:center;gap:.25rem;display:inline-flex}.preview-size-controls button{color:#3c2d17;min-width:2rem;font:inherit;cursor:pointer;background:#f8edd9;border:1px solid #bfa57e;border-radius:7px;padding:.2rem .4rem;font-size:.8rem;line-height:1.2}.preview-size-controls button:hover:not(:disabled){background:#f2dfbf}.preview-size-controls button:disabled{cursor:default;opacity:.45}.preview-size-controls .preview-size-value{min-width:3.5rem}.preview-size-controls .return-to-editor-button{min-width:auto;margin-left:.35rem;padding-inline:.75rem}.preview-fullscreen-mode .document-preview-section{border:0;border-radius:0;flex-direction:column;height:100dvh;min-height:100dvh;padding:.75rem;display:flex}.preview-fullscreen-heading{flex:none;justify-content:flex-end}.preview-fullscreen-mode .document-preview-scroll{flex:auto;height:0}.preview-fullscreen-mode .document-preview-content,.preview-fullscreen-mode .preview-pane-kanbun-only,.preview-fullscreen-mode .preview-pane-kanbun-only .reading-columns,.preview-fullscreen-mode .preview-pane-kanbun-only .kanbun-column{min-height:100%}.preview-fullscreen-mode .preview-pane-kanbun-only .vertical-text.kanbun-explicit-column{--fullscreen-preview-height:calc(100dvh - 4.5rem);height:var(--fullscreen-preview-height);inline-size:var(--fullscreen-preview-height)}.document-section textarea{resize:vertical;box-sizing:border-box;color:#242018;background:#fff;border:1px solid #cdbb9d;border-radius:10px;width:100%;min-height:8rem;max-height:22rem;padding:.75rem;font:1rem/1.8 sans-serif;display:block;overflow-y:auto}.document-section .source-textarea{min-height:11rem}.document-preview-scroll{box-sizing:border-box;scrollbar-gutter:stable both-edges;scrollbar-color:#9e7744 #eee1cc;scrollbar-width:auto;width:100%;min-width:0;max-width:100%;display:block;overflow:scroll hidden}.document-preview-scroll::-webkit-scrollbar{height:14px}.document-preview-scroll::-webkit-scrollbar-track{background:#eee1cc;border-radius:999px}.document-preview-scroll::-webkit-scrollbar-thumb{background:#9e7744;border:3px solid #eee1cc;border-radius:999px}.document-preview-content{box-sizing:border-box;min-width:100%;display:inline-block}.preview-pane-kanbun-only{box-sizing:border-box;background:0 0;border:0;border-radius:0;width:max-content;min-width:100%;max-width:none;padding:0;display:inline-block}.preview-pane-kanbun-only .reading-columns{flex:none;gap:0;width:max-content;min-width:100%;display:inline-flex}.preview-pane-kanbun-only .reading-columns>.text-column:not(.kanbun-column){display:none}.preview-pane-kanbun-only .kanbun-column{background:0 0;border:0;border-radius:0;flex:none;align-items:stretch;width:max-content;min-width:100%;max-width:none;padding:0}.preview-pane-kanbun-only .kanbun-column>h2{display:none}.preview-pane-kanbun-only .vertical-text{--reading-height:18rem;box-sizing:border-box;width:max-content;min-width:100%;inline-size:var(--reading-height);white-space:pre-wrap;line-break:strict;word-break:normal;overflow-wrap:normal;hanging-punctuation:allow-end;background:0 0;border:0;border-radius:0;block-size:100%;max-inline-size:none;margin:0;padding:.25rem;display:inline-block;overflow:visible}.preview-pane-kanbun-only .char,.preview-pane-kanbun-only .source-whitespace{font-size:var(--preview-font-size,2rem)}.preview-pane-kanbun-only .kanbun-explicit-columns{width:max-content;min-width:100%;display:inline-block}.preview-pane-kanbun-only .vertical-text.kanbun-explicit-column{width:100%;min-width:0;height:18rem;white-space:pre-wrap;block-size:100%;inline-size:18rem;padding:.25rem;overflow:visible}.generate-document-button{color:#fff;font:inherit;cursor:pointer;background:#8a5a25;border:1px solid #9e7744;border-radius:9px;padding:.18rem .45rem;font-size:.8rem;line-height:1}.clipboard-copy-button{color:#fff;cursor:pointer;background:#397346;border:1px solid #397346;border-radius:8px;place-items:center;width:2rem;height:2rem;padding:.35rem;display:grid}.clipboard-copy-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.clipboard-copy-button:hover{background:#285c34}.clipboard-copy-button:focus-visible{outline-offset:2px;outline:3px solid #9bc7a4}#document-kanbun-data.parent-character-flash::selection{background:var(--kanbun-active-background);color:var(--kanbun-active-text)}.generate-document-button:hover{background:#6f451b}.document-message-overlay{z-index:100;background:#30271966;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.document-message{box-sizing:border-box;color:#245b2e;background:#eef7ed;border:1px solid #b8cfb8;border-radius:12px;justify-items:center;gap:1rem;width:min(28rem,100%);padding:1.25rem;display:grid;box-shadow:0 .75rem 2.5rem #253b2540}.document-message p{text-align:center;margin:0}.document-message button{color:#fff;min-width:5rem;font:inherit;cursor:pointer;background:#397346;border:1px solid #688b68;border-radius:8px;padding:.4rem 1rem}.document-message button:hover,.document-message button:focus-visible{background:#285c34}body.blackboard-mode{--kanbun-active-background:#e9e25640;--kanbun-active-text:#effff7;--kanbun-active-outline:#e9e256}body.blackboard-mode .document-editor,body.blackboard-mode .document-editor-header h1,body.blackboard-mode .document-section h2,body.blackboard-mode .document-section label,body.blackboard-mode .export-font-size-field{color:#effff7}body.blackboard-mode .document-section,body.blackboard-mode .document-menu-panel{background:#0b1612;border-color:#2f7058}body.blackboard-mode .hamburger-button,body.blackboard-mode .preview-size-controls button,body.blackboard-mode .source-sections-toggle,body.blackboard-mode .document-menu-panel button,body.blackboard-mode .document-menu-panel a{color:#f4fff9;background:#1a3b2f;border-color:#5fa98c}body.blackboard-mode .hamburger-button span{background:#effff7}body.blackboard-mode .hamburger-button:hover,body.blackboard-mode .preview-size-controls button:hover,body.blackboard-mode .source-sections-toggle:hover,body.blackboard-mode .document-menu-panel button:hover,body.blackboard-mode .document-menu-panel a:hover{background:#235241}body.blackboard-mode .export-font-size-field select,body.blackboard-mode .document-section textarea{color:#ebfff5;background:#070f0b;border-color:#4f8b73}body.blackboard-mode .source-sections-toggle-row:before,body.blackboard-mode .source-sections-toggle-row:after{border-color:#2f7058}body.blackboard-mode .generate-document-button,body.blackboard-mode .clipboard-copy-button,body.blackboard-mode .document-message button{color:#f4fff9;background:#1a3b2f;border-color:#5fa98c}body.blackboard-mode .generate-document-button:hover,body.blackboard-mode .clipboard-copy-button:hover,body.blackboard-mode .document-message button:hover{background:#235241}body.blackboard-mode .document-message-overlay{background:#020906b3}body.blackboard-mode .document-message{color:#effff7;background:#0b1612;border-color:#2f7058}@media (width<=640px){.document-editor{width:min(100% - 1rem,1180px);margin-top:.5rem}.document-editor-header h1{font-size:1rem}}