:root{--theme-color:#3b9fe6;--theme-color-hover:color-mix(in srgb, var(--theme-color), black 20%);--theme-color-dark:color-mix(in srgb, var(--theme-color), #263a40 30%);--theme-color-soft:color-mix(in srgb, var(--theme-color), white 88%);--theme-color-border:color-mix(in srgb, var(--theme-color), white 35%);--theme-color-focus:color-mix(in srgb, var(--theme-color), white 25%);--theme-color-track:color-mix(in srgb, var(--theme-color), white 82%);--theme-page-background:color-mix(in srgb, var(--theme-color), white 96%);--theme-panel-background:color-mix(in srgb, var(--theme-color), white 94%);color:#303847;background:var(--theme-page-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--theme-color-focus);outline-offset:3px}::selection{color:var(--theme-color-dark);background:var(--theme-color-soft)}.app-shell{width:min(1280px,100%);margin:0 auto;padding:36px 32px}.page-title{color:#273140;margin:0 0 20px;font-size:22px;font-weight:600}.workspace{background:#fff;border:1px solid #dedfd9;border-radius:8px;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);min-height:650px;display:grid;overflow:hidden}.editor-panel{border-right:1px solid #e4e5e0;padding:24px}.panel-heading,.settings-heading,.preview-toolbar{justify-content:space-between;align-items:center;display:flex}.panel-heading h2,.settings-heading h2,.preview-toolbar h2{color:#303630;margin:0;font-size:15px;font-weight:600}.save-button{border:1px solid var(--theme-color);background:var(--theme-color);color:#fff;cursor:pointer;border-radius:5px;padding:8px 14px;font-size:12px}.save-button:hover:not(:disabled){background:var(--theme-color-hover)}.save-button:disabled{cursor:default;opacity:.55}.text-button{color:#727970;cursor:pointer;font:inherit;background:0 0;border:0;padding:6px;font-size:12px}.text-button:hover{color:#303630}.input-label{color:#50564f;margin:22px 0 8px;font-size:12px;display:block}.article-input{box-sizing:border-box;resize:vertical;color:#303630;background:#fff;border:1px solid #dfe1db;border-radius:5px;outline:none;width:100%;min-height:210px;padding:12px;font:13px/1.8 PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:block}.article-input::placeholder{color:#a5aaa3}.article-input:focus{border-color:var(--theme-color-focus)}.input-meta{color:#898f87;justify-content:space-between;gap:12px;margin-top:7px;font-size:10px;display:flex}.input-meta span:last-child{flex:none}.settings-heading{margin:30px 0 20px}.settings-toggle{width:32px;height:32px;color:var(--theme-color-dark);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.settings-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px;transition:transform .15s}.settings-toggle.expanded svg{transform:rotate(180deg)}.settings-controls{display:block}.setting-control{margin-top:18px}.setting-label-row{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.setting-label-row label,.setting-label-row>span{color:#50564f;font-size:12px}.setting-label-row output{color:#434d45;font-variant-numeric:tabular-nums;font-size:12px}.setting-label-row output small{color:#898f87;font-size:10px}.alignment-control{margin-top:0}.alignment-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.alignment-option{color:#68707c;cursor:pointer;min-height:34px;font:inherit;white-space:nowrap;background:#fff;border:1px solid #dfe2e8;border-radius:4px;padding:6px 3px;font-size:11px}.alignment-option:hover{border-color:var(--theme-color-border)}.alignment-option.active{border-color:var(--theme-color);background:var(--theme-color-soft);color:var(--theme-color-dark)}.colors-control{margin-top:22px}.color-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.color-setting{color:#50564f;flex-direction:column;gap:8px;font-size:11px;display:flex}.color-input-row{align-items:center;gap:8px;display:flex}.color-input-row input[type=color]{cursor:pointer;background:#fff;border:1px solid #dfe2e8;border-radius:4px;width:34px;height:30px;padding:2px}.color-input-row code{color:#68707c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.setting-control input[type=range]{appearance:none;width:100%;height:4px;accent-color:var(--theme-color);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.setting-control input[type=range]::-webkit-slider-runnable-track{background:var(--theme-color-track);border:0;border-radius:2px;height:4px}.setting-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--theme-color);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.setting-control input[type=range]::-moz-range-track{background:var(--theme-color-track);border:0;border-radius:2px;height:4px}.setting-control input[type=range]::-moz-range-progress{background:var(--theme-color);border-radius:2px;height:4px}.setting-control input[type=range]::-moz-range-thumb{background:var(--theme-color);border:0;border-radius:50%;width:14px;height:14px}.range-labels{color:#898f87;justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.indent-control{margin-top:22px}.split-control{border-top:1px solid #e4e5e0;margin-top:26px;padding-top:18px}.split-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.split-copy{flex-direction:column;gap:4px;display:flex}.split-title{color:#50564f;font-size:12px}.split-description,.split-note{color:#898f87;font-size:10px}.switch-control{cursor:pointer;flex:none;width:38px;height:22px;display:inline-flex;position:relative}.switch-control input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{background:#c8ccd3;border-radius:11px;width:100%;transition:background-color .15s}.switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #1e283733}.switch-control input:checked+.switch-track{background:var(--theme-color)}.switch-control input:checked+.switch-track:after{transform:translate(16px)}.switch-control input:focus-visible+.switch-track{outline:2px solid var(--theme-color-focus);outline-offset:2px}.split-count-control{margin-top:20px}.split-note{margin:7px 0 0}.preview-panel{background:var(--theme-panel-background);flex-direction:column;min-width:0;padding:24px;display:flex}.preview-stage{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:16px;min-height:520px;margin:20px -8px 0;padding:0 8px 24px;display:flex;overflow:auto}.preview-page{flex:none;width:min(100%,440px)}.preview-page-label{color:#68707c;margin-bottom:6px;font-size:11px;display:block}.save-error{color:#a4473f;min-height:1em;margin:8px 0 0;font-size:11px}.paper{box-sizing:border-box;background:var(--paper-background,#fff);width:100%;min-height:480px;color:var(--paper-text-color,#303630);flex-direction:column;display:flex;box-shadow:0 2px 10px #282d281a}.paper-content{padding:var(--preview-padding,36px);font-size:var(--preview-font-size,18px);line-height:var(--preview-line-height,1.9);text-align:var(--preview-align,left);color:var(--paper-text-color,#303630);overflow-wrap:anywhere;flex:1}.paper-content p{margin:0 0 var(--paragraph-spacing,16px);text-indent:var(--preview-indent,2em);white-space:pre-wrap}.paper-content p:last-child{margin-bottom:0}.paper-content h1,.paper-content h2,.paper-content h3,.paper-content h4,.paper-content h5,.paper-content h6{color:var(--paper-text-color,#303630);letter-spacing:-.02em;margin:0 0 .7em;font-weight:650;line-height:1.4}.paper-content h1{font-size:1.6em}.paper-content h2{font-size:1.3em}.paper-content h3,.paper-content h4,.paper-content h5,.paper-content h6{font-size:1.1em}.paper-content ul,.paper-content ol{margin:0 0 1em;padding-left:1.5em}.paper-content li{padding-left:.15em}.paper-content li+li{margin-top:.3em}.paper-content li p{text-indent:0;margin-bottom:0}.paper-content blockquote{border-left:2px solid var(--theme-color-border);color:var(--paper-text-color,#303630);margin:0 0 1em;padding:0 0 0 1em}.paper-content blockquote p{text-indent:0}.paper-content a{color:var(--theme-color-dark);text-underline-offset:.15em;text-decoration-thickness:1px}.paper-content code{background:#f1f4f4;border-radius:3px;padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.paper-content pre{background:#f1f4f4;border-radius:5px;margin:0 0 1em;padding:12px;line-height:1.6;overflow-x:auto}.paper-content pre code{background:0 0;padding:0;font-size:.8em}.paper-content hr{border:0;border-top:1px solid #e4e5e0;margin:1.5em 0}.paper-content .paper-placeholder{color:var(--paper-text-color,#303630);opacity:.55;text-indent:0}@media (width<=900px){.app-shell{padding:24px}.workspace{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)}.editor-panel,.preview-panel{padding:20px}}@media (width<=680px){.app-shell{padding:20px 14px}.page-title{font-size:19px}.workspace{flex-direction:column;display:flex}.editor-panel{border-bottom:1px solid #e4e5e0;border-right:0;padding:20px 16px 24px}.settings-toggle{display:inline-flex}.settings-controls{display:none}.settings-controls.expanded{display:block}.preview-panel{min-height:0;padding:20px 14px}.preview-stage{min-height:420px;margin-top:16px}.paper{min-height:420px}}