.workspace{padding-top:18px}.intro{margin-bottom:12px}.intro h1{font-size:24px;margin:9px 0 7px}.intro .eyebrow{font-size:9px}.intro p{font-size:11px}.writing-note{margin-bottom:17px;padding-bottom:14px}.intro-stamp{font-size:10px}.action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px}.button.layout-primary{background:#35432d;color:#f4f6ee;border-color:#35432d;font-weight:550}.button.layout-primary:hover{background:#4a5b3f}.document-actions{gap:12px}.structure-strip{display:flex;align-items:center;gap:7px;margin:0 0 13px;font-size:10px;color:#9a9d8c;line-height:1.6;min-height:24px;flex-wrap:wrap}.structure-status-dot{width:4px;height:4px;background:#a0b183;border-radius:50%;flex-shrink:0}.structure-strip>button{font-size:10px;color:#8c9978;padding:2px 0;text-decoration:underline;text-underline-offset:3px}.structure-strip>#checkButton{margin-left:auto;text-decoration:none;color:#9aa38c}.structure-strip>#relinkImages{color:#b28850;margin-left:7px}.edit-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:39px;padding:6px 12px;border-bottom:1px solid #eceee4;background:#fffefa}.writing-modes{display:flex;gap:1px;border:1px solid #e6eadb;background:#f4f6ed;border-radius:5px;padding:2px}.writing-modes button{font-size:9px;color:#9ba38b;padding:5px 9px;border-radius:3px;white-space:nowrap}.writing-modes button.selected{color:#657b49;background:#fff;box-shadow:0 1px 3px #353b2510}.edit-mode-bar>span{font-size:8px;color:#a6ad99;white-space:nowrap}.markdown-source{display:block;width:100%;height:100%;min-height:380px;background:transparent;border:0;outline:0!important;resize:none;font-family:Consolas,"Microsoft YaHei",monospace;font-size:13px;line-height:1.9;color:#5a6350;padding:0 0 70px;tab-size:2;overflow:auto;scrollbar-width:thin;scrollbar-color:#dfe6d3 transparent;white-space:pre-wrap;overflow-wrap:anywhere}.markdown-hint{font-size:10px;line-height:1.8;color:#a1aa90;margin:0 0 16px}.preview-controls{display:flex;align-items:center;gap:9px}.preview-controls>button{font-size:9px;color:#9ba58c;padding:4px 0;white-space:nowrap}.preview-controls>button.selected{color:#657d45}.preview-controls>#followScroll:before{content:"";display:inline-block;width:4px;height:4px;vertical-align:middle;margin-right:4px;border-radius:50%;background:#c3c9b6}.preview-controls>#followScroll.selected:before{background:#8fa866}.style-title{gap:6px}.style-title>#saveStyleDefault{font-size:8px;color:#83956d;margin-left:auto;white-space:nowrap;padding:3px 0}.settings-tabs{gap:18px}.settings-tabs button{font-size:10px}.settings-tabs button:last-child{white-space:nowrap}.accent-settings{margin:19px 0 11px;padding-top:14px;border-top:1px solid #edf0e5}.accent-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8d997b;margin-bottom:11px}.accent-label button{font-size:8px;color:#a3ad94}.accent-swatches{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.accent-swatches>button{width:17px;height:17px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #e4e8db}.accent-swatches>button:hover{box-shadow:0 0 0 2px #b6c49e}.accent-swatches>input{width:22px;height:22px;border:0;padding:0;background:transparent;border-radius:50%;cursor:pointer}.accent-swatches>input::-webkit-color-swatch-wrapper{padding:2px}.accent-swatches>input::-webkit-color-swatch{border-radius:50%;border:1px solid #e4e8db}.reading-more{border-top:1px solid #e9eede;padding:13px 0 3px;margin-top:14px}.reading-more>summary{font-size:10px;color:#7d8d67;cursor:pointer;list-style:none}.reading-more>summary:after{content:"＋";float:right;color:#a2ae90}.reading-more[open]>summary:after{content:"−"}.reading-more>.control-label{font-size:10px;margin:20px 0}.reading-more>.switch-row{font-size:10px;margin:19px 0}.outline-intro,.outline-empty{font-size:10px;line-height:1.8;color:#a2ab95}.outline-item{display:flex;align-items:flex-start;gap:8px;text-align:left;width:100%;font-size:11px;color:#71805e;line-height:1.75;padding:10px 0;border-bottom:1px solid #f0f2e9;overflow-wrap:anywhere}.outline-item span{font-family:Georgia,serif;color:#adb59f;font-size:10px;flex-shrink:0;margin-top:2px}.outline-item.level-h2{padding-left:9px}.outline-item.level-h3{padding-left:19px;color:#99a18f}.outline-item:hover{color:#3d5629}.full-reading{max-width:680px;padding:15px 12px;background:#fff;line-height:1.9}.full-reading img{max-width:100%}dialog:has(.full-reading){width:min(760px,calc(100% - 30px));max-height:90vh;overflow:auto}.check-stats{background:#f1f5e7;padding:16px;border-radius:7px;color:#94a17f;font-size:11px}.check-stats b{font-family:Georgia,serif;font-weight:400;font-size:22px;color:#6c8451;margin-right:4px;margin-left:9px}.check-stats b:first-child{margin-left:0}.check-warning{padding-left:12px;border-left:2px solid #ddc79e;color:#aa8c59;font-size:11px}.editable [data-image-ref]{border:1px dashed #dbccb0;background:#fcf8ed;cursor:pointer;padding:17px}.editable [data-image-ref] figcaption{margin:0;font-size:11px;color:#ad9369}.editable [data-footnotes]{font-size:12px;color:#a0a18d}.editable [data-task]{color:#8b9e70}.editable pre:before{content:attr(data-language);display:block;color:#9ba78d;font-size:8px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.editable pre:not([data-language]):before{display:none}.editable sup{font-size:.75em}.editable [data-callout]{background:#f6f8ef}.editor-scroll:has(.markdown-source:not([hidden])){display:flex;flex-direction:column}.editor-scroll:has(.markdown-source:not([hidden])) .markdown-source{flex:1}.studio-grid .editor-panel,.studio-grid .preview-panel{height:690px}.style-panel{max-height:690px}.editor-scroll{padding-top:23px}.mobile-view-tabs{margin-top:8px}.focus-writing .editor-panel{height:calc(100vh - 220px)}
@media(min-width:1600px){.studio-grid .editor-panel,.studio-grid .preview-panel{height:760px}.style-panel{max-height:760px}.workspace{padding-top:23px}.intro h1{font-size:27px}.edit-mode-bar>span{font-size:9px}.writing-modes button{font-size:10px}.preview-controls>button{font-size:10px}.structure-strip{font-size:11px}.style-title>#saveStyleDefault{font-size:9px}}
@media(max-width:1250px) and (min-width:1051px){.document-name{flex-wrap:wrap;row-gap:4px;max-width:225px}.document-name .save-state{width:100%;margin-left:20px;font-size:8px}.document-actions{align-items:flex-end}.edit-mode-bar>span{display:none}.writing-modes button{padding:4px 8px}.preview-controls{gap:6px}.preview-controls>button{font-size:8px}.preview-controls>#followScroll:before{display:none}.settings-tabs{gap:13px}.settings-tabs button{font-size:9px}.style-title>#saveStyleDefault{font-size:7px}.style-title b{font-size:11px}.preview-panel .panel-heading{padding-left:10px;padding-right:10px}.accent-swatches{gap:5px}}
@media(max-width:1050px){.style-panel{max-height:none}#detailSettings{display:block}.document-actions{flex-wrap:wrap}.document-name{min-height:25px}.action-buttons .button{font-size:10px}.edit-mode-bar>span{display:none}.structure-strip{font-size:9px}.settings-tabs{gap:26px}.accent-swatches{gap:11px}.reading-more .control-label{max-width:440px}.markdown-source{min-height:360px}}
@media(max-width:760px){.workspace{padding-top:19px}.intro h1{font-size:23px}.writing-note{font-size:10px;padding-bottom:13px;margin-bottom:15px}.action-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.action-buttons #focusButton{grid-column:span 2}.action-buttons #importButton{grid-column:span 2}.action-buttons #exportButton{grid-column:span 2}.action-buttons #formatButton,.action-buttons #copyButton{grid-column:span 3;min-height:38px;font-size:12px}.action-buttons .button svg{width:13px;height:13px}.structure-strip{font-size:9px;gap:5px;margin-bottom:9px}.structure-strip>#checkButton{font-size:9px}.structure-strip>#relinkImages{margin-left:0}.edit-mode-bar{padding:6px 11px;min-height:42px}.writing-modes button{font-size:10px;padding:5px 11px}.editor-scroll{padding:24px}.studio-grid .editor-panel{height:620px}.studio-grid .preview-panel{height:690px}.markdown-source{font-size:13px}.preview-controls>button{font-size:9px}.preview-controls{gap:10px}.style-title>#saveStyleDefault{font-size:10px}.settings-tabs button{font-size:11px}.accent-label{font-size:10px}.accent-label button{font-size:9px}.reading-more>summary{font-size:12px}.reading-more>.control-label,.reading-more>.switch-row{font-size:11px}.accent-swatches>button{width:22px;height:22px}.accent-swatches>input{width:25px;height:25px}.full-reading{padding:10px 0}.focus-writing .studio-grid .editor-panel{height:calc(100dvh - 260px);min-height:430px}.check-stats{font-size:10px;padding:13px 10px}}