:root{font-family:Verdana,Geneva CE,Microsoft YaHei,sans-serif;color:#444;background:#fff;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0;overflow:hidden}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{display:grid;grid-template-rows:36px 34px minmax(0,1fr);width:100%;height:100%;background:#fff}.topbar{z-index:10;display:flex;align-items:center;gap:16px;min-width:0;padding:0 12px 0 7px;box-shadow:0 0 3px 3px #0000002e;color:#777;font-size:13px}.topbar a{color:#5d9f7e;text-decoration:none}.brand{flex:none;font-size:18px}.page-name{overflow:hidden;color:#aaa;text-overflow:ellipsis;white-space:nowrap}.topbar nav{display:flex;gap:24px;margin-left:auto}.toolbar{z-index:5;display:flex;align-items:center;gap:3px;min-width:0;padding:2px 7px;border-bottom:1px solid #ccc;background:#fbfbfb;color:#555;font-size:13px;white-space:nowrap}.collapse-button,.text-button,.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:27px;border:0;border-radius:3px;background:transparent;color:#555;cursor:pointer}.collapse-button,.text-button{padding:0 7px}.tool-button{width:29px;padding:0}.collapse-button:hover,.text-button:hover,.tool-button:hover{background:#e9eeeb;color:#2e7654}.toolbar-divider{width:1px;height:18px;margin:0 4px;background:#d7d7d7}.toolbar-spacer{flex:1}.workspace{position:relative;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.2fr) 230px;min-width:0;min-height:0;overflow:hidden;background:#f5f5f5}.workspace.editor-collapsed{grid-template-columns:minmax(0,1fr) 230px}.workspace.toc-collapsed{grid-template-columns:minmax(300px,1fr) minmax(360px,1.2fr)}.workspace.editor-collapsed.toc-collapsed{grid-template-columns:minmax(0,1fr)}.editor-pane,.preview-pane,.toc-pane{position:relative;min-width:0;min-height:0;overflow:hidden;border-right:1px solid #ccc;background:#fff}.toc-pane{border-right:0}.pane-label{display:flex;align-items:center;height:29px;padding:0 12px;border-bottom:1px solid #e5e5e5;background:#fafafa;color:#919191;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.editor-body{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);height:calc(100% - 29px);overflow-x:hidden;overflow-y:auto}.line-numbers{width:38px;height:max(100%,var(--editor-content-height));overflow:hidden;padding:7px 8px 40px 0;border-right:1px solid #eee;background:#fafafa;color:#b0b0b0;font:14px/1.65 Consolas,Menlo,Monaco,Courier New,monospace;text-align:right;-webkit-user-select:none;user-select:none}.line-numbers span{display:block;min-height:23.1px}textarea{width:100%;height:max(100%,var(--editor-content-height));min-height:100%;overflow:hidden;resize:none;border:0;outline:none;padding:7px 12px 40px;background:#fff;color:#202020;font:14px/1.65 Consolas,Menlo,Monaco,Courier New,monospace;-moz-tab-size:2;tab-size:2}.line-measure{position:absolute;z-index:-1;top:0;right:0;width:calc(100% - 38px);padding:7px 12px 40px;visibility:hidden;overflow:hidden;color:transparent;font:14px/1.65 Consolas,Menlo,Monaco,Courier New,monospace;overflow-wrap:break-word;pointer-events:none;-moz-tab-size:2;tab-size:2;white-space:pre-wrap}.line-measure>div{min-height:23.1px;white-space:pre-wrap}.markdown-preview{height:calc(100% - 29px);overflow:auto;padding:22px 28px 80px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.75}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{scroll-margin-top:18px;color:#2b2b2b;line-height:1.3}.markdown-preview h1{margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid #e6e6e6;font-size:28px}.markdown-preview h2{margin:32px 0 12px;font-size:22px}.markdown-preview h3{margin:24px 0 9px;font-size:18px}.markdown-preview a{color:#438a68}.markdown-preview blockquote{margin:16px 0;padding:8px 14px;border-left:4px solid #72a98d;background:#f5f8f6;color:#666}.markdown-preview code{padding:2px 5px;border-radius:3px;background:#f2f2f2;font-family:Consolas,Menlo,monospace}.markdown-preview pre{overflow:auto;padding:14px;border:1px solid #e1e1e1;background:#f7f7f7}.markdown-preview pre code{padding:0;background:transparent}.markdown-preview table{width:100%;border-collapse:collapse}.markdown-preview th,.markdown-preview td{padding:7px 10px;border:1px solid #ddd;text-align:left}.mermaid{min-height:80px;margin:20px 0;overflow:auto;padding:18px;border:1px solid #e2e6e3;border-radius:4px;background:#fbfcfb;text-align:center}.mermaid svg{max-width:100%;height:auto}.mermaid-error{color:#a64b4b;font-family:Consolas,Menlo,monospace;font-size:13px;text-align:left;white-space:pre-wrap}.toc-title{justify-content:space-between;font-size:11px}.toc-title button{display:inline-grid;width:24px;height:24px;place-items:center;border:0;border-radius:3px;background:transparent;color:#888;cursor:pointer}.toc-title button:hover{background:#eee;color:#438a68}.toc-list{display:flex;flex-direction:column;gap:2px;height:calc(100% - 29px);overflow:auto;padding:10px 8px 28px}.toc-list button{overflow:hidden;width:100%;padding:6px 8px 6px calc(8px + (var(--level) - 1) * 12px);border:0;border-radius:3px;background:transparent;color:#666;font-size:12px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.toc-list button:hover{background:#eff5f1;color:#397b5c}.toc-empty{padding:8px;color:#aaa;font-size:12px;line-height:1.6}.edge-toggle{position:absolute;z-index:4;top:39px;display:grid;width:24px;height:42px;place-items:center;border:1px solid #ccc;background:#fff;color:#777;cursor:pointer}.edge-toggle.left{left:0;border-left:0;border-radius:0 4px 4px 0}.edge-toggle.right{right:0;border-right:0;border-radius:4px 0 0 4px}.edge-toggle:hover{color:#438a68}@media(max-width:900px){.workspace{grid-template-columns:minmax(240px,.9fr) minmax(300px,1.1fr)}.workspace.editor-collapsed{grid-template-columns:minmax(0,1fr)}.toc-pane{position:absolute;z-index:12;top:0;right:0;bottom:0;width:min(280px,82vw);border-left:1px solid #ccc;box-shadow:-6px 0 16px #00000014}.text-button span{display:none}}@media(max-width:620px){.app-shell{grid-template-rows:36px 34px minmax(0,1fr)}.page-name,.topbar nav a:first-child{display:none}.topbar nav{gap:12px}.collapse-button span,.text-button{font-size:0}.collapse-button,.text-button{width:29px;padding:0}.toolbar .tool-button:nth-of-type(n+7){display:none}.workspace{grid-template-columns:1fr}.editor-pane{position:absolute;z-index:8;top:0;right:28px;bottom:0;left:0;box-shadow:5px 0 14px #00000014}.workspace.editor-collapsed .editor-pane{display:none}.markdown-preview{padding:20px 18px 70px}}