pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#6cb6ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-comment,.hljs-code,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface-raised:#232734;--border:#2e3345;--text:#e1e4ed;--text-muted:#8b90a0;--text-strong:#fff;--accent:#7c6aef;--accent-hover:#9584f7;--accent-glow:#7c6aef26;--editor-bg:#141620;--scrollbar:#2e3345;--scrollbar-hover:#3d4259;--table-even:#ffffff05;--hljs-color:#c9d1d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f0f1f5;--surface:#fff;--surface-raised:#f0f1f5;--border:#d8dae3;--text:#1f2028;--text-muted:#6b7084;--text-strong:#000;--accent:#6950d8;--accent-hover:#7c6aef;--accent-glow:#6950d81a;--editor-bg:#fafbfc;--scrollbar:#cfd1da;--scrollbar-hover:#b4b7c5;--table-even:#00000006;--hljs-color:#24292e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app{flex-direction:column;height:100%;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.tabs{background:var(--bg);border-radius:10px;gap:2px;padding:4px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #7c6aef4d}.header-right{align-items:center;gap:12px;display:flex}.word-count{border:1px solid var(--border);background:var(--surface-raised);height:34px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:11px;font-weight:500;display:flex}@media (width<=640px){.word-count{display:none}}.vim-toggle{border:1px solid var(--border);background:var(--surface-raised);height:34px;color:var(--text-muted);cursor:pointer;letter-spacing:.05em;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:11px;font-weight:700;transition:all .2s;display:flex}.vim-toggle:hover{color:var(--text);border-color:var(--accent);background:var(--accent-glow)}.vim-toggle.active{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.theme-toggle{border:1px solid var(--border);background:var(--surface-raised);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .2s;display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--accent);background:var(--accent-glow)}.content{flex:1;min-height:0;position:relative}.editor-container{background:var(--editor-bg);height:100%}.editor-container .cm-editor{background:var(--editor-bg);height:100%;color:var(--text)}.editor-container .cm-editor.cm-focused{outline:none}.editor-container .cm-scroller::-webkit-scrollbar{width:8px}.editor-container .cm-scroller::-webkit-scrollbar-track{background:0 0}.editor-container .cm-scroller::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.editor-container .cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.preview-container{background:var(--editor-bg);height:100%;padding:32px 48px;overflow-y:auto}.preview-container::-webkit-scrollbar{width:8px}.preview-container::-webkit-scrollbar-track{background:0 0}.preview-container::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.preview-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.preview-content-wrapper{width:100%;margin:0 auto;position:relative}.resize-handle{cursor:col-resize;z-index:1;width:12px;position:absolute;top:0;bottom:0}.resize-handle:after{content:"";background:var(--border);opacity:0;border-radius:2px;width:4px;height:40px;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.resize-handle:hover:after,.resize-handle:active:after{opacity:1}.resize-handle-left{left:-12px}.resize-handle-left:after{left:4px}.resize-handle-right{right:-12px}.resize-handle-right:after{right:4px}.reset-width{border-top:1px solid var(--border);text-align:center;margin-top:2em;padding-top:1em}.reset-width a{color:var(--text-muted);font-size:13px;text-decoration:none}.reset-width a:hover{color:var(--accent)}.markdown-body{color:var(--text);line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--text);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.markdown-body h1{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:2em}.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.25em;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1.1em}.markdown-body p{margin-bottom:1em}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{color:var(--accent-hover);text-decoration:underline}.markdown-body strong{color:var(--text-strong);font-weight:600}.markdown-body em{font-style:italic}.markdown-body code{background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;padding:.15em .4em;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:.88em}.markdown-body pre{border:1px solid var(--border);border-radius:8px;margin-bottom:1em;padding:16px 20px;overflow-x:auto;background:var(--surface)!important}.markdown-body pre code{background:0 0;border:none;padding:0;font-size:13px;line-height:1.6}.markdown-body pre::-webkit-scrollbar{height:6px}.markdown-body pre::-webkit-scrollbar-track{background:0 0}.markdown-body pre::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.markdown-body blockquote{border-left:3px solid var(--accent);background:var(--accent-glow);color:var(--text-muted);border-radius:0 6px 6px 0;margin:0 0 1em;padding:.5em 1em}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin-bottom:1em;padding-left:1.5em}.markdown-body li{margin-bottom:.35em}.markdown-body li>ul,.markdown-body li>ol{margin-bottom:0}.markdown-body hr{background:var(--border);border:none;height:1px;margin:2em 0}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1em}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:8px 12px}.markdown-body th{background:var(--surface-raised);font-weight:600}.markdown-body tr:nth-child(2n){background:var(--table-even)}.markdown-body img{border-radius:8px;max-width:100%}.markdown-body input[type=checkbox]{margin-right:6px}.mermaid{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:center;margin:1.5em 0;padding:20px;display:flex}.mermaid svg{max-width:100%}.hljs{color:var(--hljs-color)!important;background:0 0!important}.shortcut-hint{color:var(--text-muted);opacity:.5;pointer-events:none;font-size:11px;position:fixed;bottom:16px;right:16px}.shortcut-hint kbd{background:var(--surface-raised);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:inherit;font-size:11px}