:root{--bg:#f8f7f3;--ink:#34362f;--muted:#939386;--line:#e6e5dc;--lime:#e2e8cd;--green:#727c59}
body{background:var(--bg)}.sidebar{background:#f1f2e9}.topbar{background:#fafaf6}.workspace{padding-top:26px}.intro{margin-bottom:18px}.intro h1{font-size:27px;font-weight:550;letter-spacing:.4px}.intro .eyebrow{font-size:10px;letter-spacing:2px;color:#949380}.intro h1>span:first-child:after{background:#e9e4c9;height:5px;bottom:0}.intro-stamp{color:#9b9988}.stamp-spark{font-size:39px;color:#b8b79b}.writing-note{color:#969484;font-size:11px;line-height:1.8;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #e9e7dd}.document-name{gap:6px}.draft-name-button{padding:3px 0;max-width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px;font-weight:500;border-bottom:1px dashed #d1d5c5}.draft-name-button:hover{border-color:#8e9b78;color:#667b48}.draft-name-label{font-size:8px!important;font-weight:400!important;color:#a5a999;flex-shrink:0}.document-actions{margin-bottom:14px}.button.primary{background:#dfe8c4;border-color:#d1dcb8}.theme-card.selected{background:#faf9f2;border-color:#b6bea2}.theme-card.selected>.theme-check{background:#9daa84;border-color:#9daa84}.style-panel{background:#fffefb}.theme-thumb{border-radius:1px}.theme-list{gap:8px}.signature-card{background:#fbfaf5;border-color:#dfdfce}.style-note{line-height:1.7}.style-note svg{display:none}.preview-scroll{background:#efeee7;background-image:none}.preview-page{border-color:#e9e6dc;border-radius:2px;box-shadow:0 3px 12px #403b2908;min-height:100%;max-width:375px}.article{padding:32px 26px}.editor-scroll{padding:28px}.editable{font-size:15px;color:#44473d;line-height:1.95;min-height:100%;padding-bottom:100px}.editable p{margin-bottom:19px}.editable h1{font-size:24px;line-height:1.6;color:#32362c;font-weight:650;margin:24px 0}.editable h2{font-size:18px;font-weight:600;color:#3e4535;margin:28px 0 16px}.editable h3{font-size:16px;font-weight:600;color:#4b503f;margin:23px 0 14px}.editable strong{color:#31382b;background:transparent}.editable mark{background:#f2e9c6;color:inherit}.editable blockquote{padding:3px 0 3px 17px;border-left:2px solid #dcdccd;background:transparent;color:#85836f;margin:23px 0}.editable figure{margin:22px 0;padding:0}.editable figure img{display:block;width:100%;margin:auto;cursor:pointer;border-radius:2px}.editable figure[data-width="75"] img{width:75%}.editable figure[data-width="50"] img{width:50%}.editable img:hover{outline:2px solid #b5c49b;outline-offset:3px}.editable figcaption{color:#989788;text-align:center;font-size:12px;margin-top:8px;line-height:1.75}.editable [data-align="left"]{text-align:left}.editable [data-align="center"]{text-align:center}.editable [data-align="right"]{text-align:right}.editable [data-align="justify"]{text-align:justify}.editable a{color:#7b8b5d;text-decoration:underline}.editable table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.editable td,.editable th{border:1px solid #dedfd4;padding:8px;overflow-wrap:anywhere}.editable:focus{outline:none}.editable>:first-child{margin-top:0}.editable [style*="text-align"]{max-width:100%}.toolbar{display:block;padding:4px 10px;min-height:78px;background:#fcfdf9}.toolbar-row{display:flex;align-items:center;gap:5px;min-height:34px}.toolbar-secondary{border-top:1px solid #f0f1e9;gap:3px}.toolbar button{width:27px;height:28px;font-size:13px;flex-shrink:0}.toolbar button:disabled{opacity:.3}.toolbar .labeled-tool{width:auto;padding:0 5px;font-size:10px;white-space:nowrap}.toolbar select{max-width:76px;font-size:11px;min-width:52px}.toolbar #textAlign{font-size:9px;max-width:67px;min-width:58px}.toolbar .tool-divider{margin:0 2px}.editor-panel{position:relative}.image-status{position:absolute;bottom:40px;left:15px;right:15px;padding:10px 14px;border:1px solid #dbe5c8;background:#f2f6e8;color:#789059;font-size:12px;border-radius:5px;text-align:center}.image-dialog-preview{display:block;max-width:100%;max-height:220px;margin:0 auto 20px;object-fit:contain;border-radius:3px}.dialog-label{display:block;color:#64744f;font-size:12px;margin-top:12px}.dialog-label>span{font-size:10px;color:#a1aa91;margin-left:8px}.empty-preview{padding:30px 4px;color:#b2b1a2;font-size:13px;line-height:1.8;text-align:center}.theme-gallery .gallery-paper{height:300px;overflow:hidden;background:white;border-color:#e6e3d9;margin-bottom:13px;padding:22px}.gallery-paper [data-signature]{display:none}.gallery-paper>section{font-size:12px!important}.gallery-description{font-size:10px;color:#959887;padding:0 20px 15px;margin:0;line-height:1.8}.gallery-meta .button{min-height:32px}.gallery-meta h3{margin:5px 0}.gallery-meta{padding-bottom:14px}.focus-writing .sidebar,.focus-writing .preview-panel,.focus-writing .style-panel,.focus-writing .intro,.focus-writing .writing-note{display:none}.focus-writing main{margin-left:0}.focus-writing .workspace{max-width:1000px}.focus-writing .studio-grid{grid-template-columns:1fr}.focus-writing .editor-panel{height:calc(100vh - 200px);min-height:470px}.focus-writing .editor-scroll{padding:36px 65px}.focus-writing .editable{font-size:17px;line-height:2}.focus-writing .mobile-view-tabs{display:none}.storage-notice{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0;padding:13px 15px;background:#fcf3df;border:1px solid #e8d5aa;border-radius:7px;font-size:11px;color:#8a754b}.storage-notice button{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#685936}.mobile-view-tabs{display:none}.preview-footer{font-size:10px}.editor-footer{font-size:9px}.gallery-paper h2{font-family:inherit!important}.workspace-footer{color:#aaa797}.little-note{background:#e9ebdf}.little-note p{color:#7f866d}.new-tag{display:none}.panel-heading{background:#fffefb}.toolbar #blockFormat{max-width:74px}
@media(min-width:1600px){.editor-scroll{padding:35px 38px}.editable{font-size:16px}.toolbar-row{gap:8px}.toolbar-secondary{gap:6px}.article{padding:34px 28px}}
@media(min-width:1051px) and (max-width:1250px){.toolbar{padding:4px 5px}.toolbar-row{gap:1px}.toolbar-secondary{gap:0;flex-wrap:wrap}.toolbar button{width:23px}.toolbar .labeled-tool{font-size:9px;padding:0 3px}.document-name .draft-name-label{display:none}.draft-name-button{max-width:150px}.action-buttons{gap:5px}.action-buttons .button{padding:0 8px}.action-buttons #focusButton{font-size:9px}.editor-scroll{padding:23px}.editable{font-size:14px}}
@media(max-width:1050px){.draft-name-button{max-width:190px}.action-buttons{gap:5px}.button{padding:0 9px}.toolbar-secondary{flex-wrap:wrap}.style-panel{margin-top:0}.article{padding:29px 24px}}
@media(max-width:760px){.intro h1{font-size:24px}.intro{margin-bottom:12px}.writing-note{font-size:10px;margin-bottom:18px;padding-bottom:14px}.workspace{padding-top:20px}.document-name .draft-name-label{font-size:8px!important}.draft-name-button{max-width:63vw}.document-actions{gap:10px}.action-buttons{gap:5px}.action-buttons #focusButton{flex:0 0 auto;font-size:10px;padding:0 8px}.action-buttons .button{font-size:10px;padding:0 8px}.copy-arrow{display:none}.toolbar{padding:5px 10px;min-height:80px}.toolbar-row{gap:6px}.toolbar-secondary{gap:4px}.toolbar .labeled-tool{font-size:10px;padding:0 4px}.toolbar #textAlign{min-width:59px}.toolbar .tool-divider{display:none}.editable{font-size:15px}.editor-scroll{padding:25px}.mobile-view-tabs{display:flex;padding:3px;background:#ebece2;border-radius:7px;margin:15px 0 12px;gap:3px}.mobile-view-tabs button{flex:1;padding:9px;border-radius:5px;color:#8b927d;font-size:12px}.mobile-view-tabs button.selected{background:#fffefa;box-shadow:0 1px 3px #333a2410;color:#596a42}.studio-grid[data-mobile="editor"] .preview-panel{display:none}.studio-grid[data-mobile="preview"] .editor-panel{display:none}.editor-panel{height:560px}.preview-panel{height:640px}.preview-scroll{padding:15px 10px}.article{padding:27px 24px}.focus-writing .studio-grid .editor-panel{display:flex}.focus-writing .editor-scroll{padding:25px}.focus-writing .editor-panel{height:calc(100dvh - 220px)}.focus-writing .workspace-footer{display:none}.theme-gallery .gallery-paper{height:300px}.style-panel{padding:18px}.section-label{font-size:10px}.signature-card{margin-top:18px}}
