:root{--bg: #f5f6f8;--surface: #ffffff;--border: #dfe2e8;--border-soft: #e9ebf0;--text: #1c2430;--text-soft: #5a6472;--text-faint: #8b93a1;--accent: #2f6fed;--accent-soft: rgba(47, 111, 237, .12);--accent-border: rgba(47, 111, 237, .45);--hl-line: rgba(255, 213, 79, .28);--code-bg: #f7f8fa;--danger: #d64545;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--editor-fs: 14px;--editor-lh: 21px;--toolbar-h: 40px;--topbar-h: 44px;--gutter-w: 46px;--shadow-card: 0 12px 40px rgba(15, 23, 42, .18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--ui);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;cursor:pointer}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border);user-select:none}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{color:var(--accent);flex:0 0 auto}.brand-name{font-weight:700;font-size:14px;letter-spacing:.1px;text-transform:none;white-space:nowrap}.brand-name .pe{color:var(--danger);font-style:normal;font-weight:800}.donate-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:none;border-radius:7px;background:linear-gradient(135deg,#ff8f3f,#f06b3f);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px #f06b3f47;transition:transform .12s,box-shadow .12s,filter .12s;white-space:nowrap}.donate-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 12px #f06b3f66}.donate-btn:active{transform:translateY(0)}.donate-btn svg{flex:0 0 auto}.offline-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-soft);background:#f5f6f8;border:1px solid #dfe3ea;padding:3px 10px;border-radius:20px;white-space:nowrap}.offline-dot{width:7px;height:7px;border-radius:50%;background:#2ea44f;flex:0 0 auto}.workspace{flex:1;display:flex;min-height:0}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}.source-pane{flex:1 1 50%}.preview-pane{flex:1 1 50%;position:relative}.divider{flex:0 0 5px;cursor:col-resize;background:var(--border-soft);border-left:1px solid var(--border);border-right:1px solid var(--border);transition:background .15s}.divider:hover,.divider.dragging{background:var(--accent-border)}.pane-toolbar{height:var(--toolbar-h);flex:0 0 var(--toolbar-h);display:flex;align-items:center;gap:12px;padding:0 10px;background:var(--surface);border-bottom:1px solid var(--border);user-select:none}.source-toolbar{justify-content:space-between}.font-ctl{display:inline-flex;align-items:center;gap:5px;min-width:0;margin-right:4px}.font-label{font-size:12px;font-weight:600;color:var(--text-soft);white-space:nowrap;letter-spacing:.1px}.font-ctl input{width:46px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:13px;font-weight:600;text-align:center;padding:0 2px;outline:none}.font-ctl input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.font-ctl input::-webkit-outer-spin-button,.font-ctl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.font-ctl input[type=number]{-moz-appearance:textfield;appearance:textfield}.font-step{width:26px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-soft);font-size:15px;font-weight:700;line-height:1;transition:background .12s,color .12s,border-color .12s}.font-step:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft)}.font-step:active{transform:translateY(1px)}.source-tools{display:inline-flex;align-items:center;gap:12px;min-width:0}.local-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#2e7d46;background:#f0f7f2;border:1px solid #d3e6d8;padding:3px 9px;border-radius:20px;white-space:nowrap;overflow:hidden}.local-badge svg{flex:0 0 auto}.sync-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-soft);cursor:pointer;white-space:nowrap}.sync-toggle input{width:15px;height:15px;accent-color:var(--accent);margin:0;cursor:pointer}.pane-toolbar-spacer{flex:1}.fmt-group{display:inline-flex;gap:2px;align-items:center}.fmt-btn{width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font-size:13px;font-weight:700;transition:background .12s,border-color .12s}.fmt-btn:hover{background:var(--border-soft)}.fmt-btn:active{background:var(--accent-soft)}.fmt-btn.fmt-italic{font-weight:400;font-style:italic;font-family:Georgia,Times New Roman,serif}.fmt-btn.fmt-underline{text-decoration:underline;text-underline-offset:2px}.fmt-btn.fmt-strike{text-decoration:line-through}.edit-hint{font-size:11.5px;color:#333c4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-hint strong{font-weight:800;color:#10151d}.edit-hint .pe{color:var(--danger);font-style:normal;font-weight:700}.export-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-soft);font-size:12.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.export-btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft)}.code-wrap{flex:1;min-height:0;display:flex;position:relative}.gutter{flex:0 0 var(--gutter-w);overflow:hidden;background:#fafbfc;border-right:1px solid var(--border-soft);position:relative}.gutter-inner{position:absolute;top:0;left:0;right:0;font-family:var(--mono);font-size:var(--editor-fs);line-height:var(--editor-lh);padding-top:12px;text-align:right;color:#b0b8c4;user-select:none;pointer-events:none}.gutter-inner .gl{display:block;white-space:nowrap;padding-right:10px;height:var(--editor-lh);transition:background .12s,color .12s}.gutter-inner .gl.active{background:var(--hl-line);color:#1c2430;font-weight:600}.source-area{flex:1;min-width:0;border:none;outline:none;resize:none;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:var(--editor-fs);line-height:var(--editor-lh);padding:12px 14px;tab-size:4;white-space:pre;overflow:auto}.source-area::selection{background:var(--accent-soft)}.source-area:focus{box-shadow:inset 2px 0 0 var(--accent)}.preview-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.preview-body{max-width:900px;margin:0 auto;padding:28px 36px 80px;font-family:var(--ui);font-size:var(--editor-fs);line-height:1.65;color:#24292f;word-wrap:break-word}.preview-body [data-line]{border-radius:4px;transition:box-shadow .18s,background .18s}.preview-body [data-line].pv-flash{background:var(--hl-line);box-shadow:0 0 0 2px #ffd54f80}.preview-body [data-line].pv-active{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-border)}.preview-body [data-line].pv-active.pv-flash{background:var(--hl-line);box-shadow:0 0 0 2px #ffd54f80}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:1.4em 0 .6em;line-height:1.3;font-weight:700}.markdown-body h1{font-size:1.9em;padding-bottom:.3em;border-bottom:1px solid var(--border-soft)}.markdown-body h2{font-size:1.5em;padding-bottom:.25em;border-bottom:1px solid var(--border-soft)}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1.05em}.markdown-body p{margin:.6em 0}.markdown-body ul,.markdown-body ol{margin:.6em 0;padding-left:1.6em}.markdown-body li{margin:.22em 0}.markdown-body li>ul,.markdown-body li>ol{margin:.15em 0}.markdown-body blockquote{margin:.8em 0;padding:.1em 1em;color:var(--text-soft);border-left:4px solid var(--border);background:#fafbfc}.markdown-body code{font-family:var(--mono);font-size:.86em;background:var(--code-bg);padding:.18em .4em;border-radius:4px}.markdown-body pre{margin:.9em 0;padding:12px 14px;background:#0f172a;border-radius:8px;overflow-x:auto;line-height:1.5}.markdown-body pre code{background:transparent;padding:0;font-size:.9em;color:#e2e8f0;display:block}.markdown-body pre[data-line].is-mermaid{background:#fff;border:1px solid var(--border-soft);border-radius:10px;padding:16px 10px 10px;margin:.9em 0;text-align:center;overflow-x:auto}.markdown-body pre[data-line].is-mermaid svg{max-width:100%;height:auto;display:block;margin:0 auto}.markdown-body pre[data-line].is-mermaid .mermaid-error{font-family:var(--ui);font-size:13px;color:var(--danger);text-align:left;line-height:1.5;word-break:break-word}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body img{max-width:100%}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}.markdown-body table{border-collapse:collapse;margin:.9em 0;display:block;overflow-x:auto;max-width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 12px;font-size:.95em}.markdown-body th{background:#f6f8fa;font-weight:600}.markdown-body tr:nth-child(2n) td{background:#fafbfc}.markdown-body del{color:var(--text-faint)}.markdown-body u{text-decoration:underline}.markdown-body pre code.hljs{color:#e2e8f0;background:transparent}.hljs-comment,.hljs-quote{color:#94a3b8}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#c792ea}.hljs-string,.hljs-regexp,.hljs-addition{color:#a5e075}.hljs-number,.hljs-symbol,.hljs-bullet{color:#ffcb6b}.hljs-title,.hljs-section,.hljs-name,.hljs-attr{color:#82aaff}.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-class{color:#f78c6c}.hljs-built_in,.hljs-builtin-name{color:#ffcb6b}.hljs-meta,.hljs-deletion{color:#ff5370}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.dbl-hint{position:absolute;left:0;top:0;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 28px);background:#1f2937;color:#f8fafc;font-size:12.5px;padding:8px 14px;border-radius:9px;box-shadow:0 6px 18px #0f172a40;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20;white-space:nowrap}.dbl-hint.visible{opacity:1}.dbl-hint.hidden{display:none}.dbl-hint kbd{font-family:var(--mono);font-size:10.5px;font-weight:700;color:#ffd8a8;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:1px 5px}.preview-empty{color:var(--text-faint);font-size:13px;padding:24px 0;text-align:center}.block-editor{position:relative;margin:.6em 0}.block-editor-ta{display:block;width:100%;box-sizing:border-box;border:2px solid var(--accent);border-radius:6px;background:#fffef7;color:var(--text);font-family:var(--mono);font-size:var(--editor-fs);line-height:var(--editor-lh);padding:8px 10px;resize:vertical;min-height:46px;outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.block-editor-ta:focus{border-color:var(--accent)}.block-editor-hint{font-size:11px;color:var(--accent);margin-top:4px;text-align:right;user-select:none}.preview-body [data-line]:not(.pv-flash){cursor:default}@media print{@page{size:A4;margin:14mm 12mm}html,body{height:auto;overflow:visible;background:#fff}#app{height:auto;display:block;overflow:visible}.topbar,.divider,.source-pane,.pane-toolbar,.dbl-hint{display:none!important}.workspace,.pane.preview-pane{display:block}.preview-scroll{overflow:visible;height:auto}.preview-body{max-width:none;margin:0;padding:0;font-size:12pt;line-height:1.5;color:#000}.markdown-body pre{background:#f5f5f5!important}.markdown-body pre code,.markdown-body pre code.hljs{color:#000!important}.markdown-body a{color:#000;text-decoration:underline}.markdown-body th{background:#eee!important}.markdown-body tr:nth-child(2n) td{background:#fafafa!important}.markdown-body{color:#000}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c9cfd8;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#aeb6c2;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media(max-width:860px){.edit-hint,.lb-detail,.donate-btn span{display:none}.donate-btn{padding:0 10px}.source-tools{gap:6px}.workspace{flex-direction:column}.divider{flex:0 0 4px;cursor:row-resize}.source-pane,.preview-pane{flex:1 1 auto}.preview-body{padding:18px 18px 60px}}