:root{--sidebar-width:260px;--toolbar-height:40px;--bg:#1e1e2e;--bg-surface:#252535;--bg-sidebar:#1a1a2a;--text:#cdd6f4;--text-muted:#6c7086;--accent:#89b4fa;--border:#313244;--hover:#313244;--active:#45475a;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-code:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size:16px;--line-height:1.7;--content-width:800px;--h1-size:2em;--h2-size:1.5em;--h3-size:1.25em;--heading-weight:600;--heading-letter-spacing:0;--heading-border:1px solid var(--border);--paragraph-spacing:.8em;--radius:8px;--code-radius:4px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background:var(--bg);color:var(--text);overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#body{flex:1;display:flex;overflow:hidden}#sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;transition:width .15s,min-width .15s,border-width .15s,opacity .15s;display:flex;overflow:hidden}#sidebar.collapsed{opacity:0;pointer-events:none;border-right-width:0;width:0;min-width:0}#sidebar-tabs{border-bottom:1px solid var(--border);display:flex}.sidebar-tab{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:12px;font-weight:500}.sidebar-tab:hover{color:var(--text);background:var(--hover)}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-panel{flex:1;display:none;overflow-y:auto}.sidebar-panel.active{display:block}#file-tree{flex:1;padding:4px 0;overflow-y:auto}.tree-list{margin:0;padding:0;list-style:none}.tree-dir,.tree-file{cursor:pointer;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;padding:4px 12px;font-size:13px;overflow:hidden}.tree-dir{align-items:center;gap:4px;font-weight:500;display:flex}.tree-arrow{width:12px;color:var(--text-muted);flex-shrink:0;font-size:10px}.tree-dir:hover,.tree-file:hover{background:var(--hover);color:var(--text)}.tree-dir.open{color:var(--text)}.tree-file.active{background:var(--active);color:var(--accent)}.tree-file.dirty:after{content:" ●";color:var(--accent)}#outline-list{padding:8px 0;list-style:none}#outline-list li{cursor:pointer;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:6px 16px;font-size:13px;overflow:hidden}#outline-list li:hover{background:var(--hover);color:var(--text)}#outline-list li[data-level="1"]{color:var(--text);padding-left:16px;font-weight:600}#outline-list li[data-level="2"]{padding-left:28px}#outline-list li[data-level="3"]{padding-left:40px;font-size:12px}#outline-list li[data-level="4"]{padding-left:52px;font-size:12px}#outline-list li[data-level="5"]{padding-left:64px;font-size:12px}#outline-list li[data-level="6"]{padding-left:76px;font-size:12px}#files-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}#files-empty-icon{color:var(--text-muted);opacity:.5}#files-empty-text{color:var(--text-muted);font-size:13px}.empty-open-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:8px 20px;font-size:13px;font-weight:500;transition:opacity .15s}.empty-open-btn:hover{opacity:.85}#files-empty.hidden{display:none}#toolbar{height:var(--toolbar-height);min-height:var(--toolbar-height);background:var(--bg-sidebar);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 12px;display:flex}#toolbar-left{flex:0 auto;align-items:center;gap:4px;display:flex;overflow:hidden}#toolbar-spacer{flex:1}#toolbar-right{gap:4px;display:flex}.toolbar-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:flex}.toolbar-btn:hover{background:var(--hover);border-color:var(--border);color:var(--text)}.toolbar-btn svg{flex-shrink:0}.toolbar-btn:disabled{opacity:.3;cursor:default}.toolbar-btn:disabled:hover{color:var(--text-muted);background:0 0;border-color:#0000}.fmt-btn{justify-content:center;min-width:28px;padding:5px 6px;font-size:12px;font-weight:500}.fmt-btn code{background:0 0;padding:0;font-family:inherit;font-size:11px}.toolbar-dropdown{position:relative}.toolbar-dropdown .dropdown-menu{z-index:100;padding-top:2px;display:none;position:absolute;top:100%;left:0}.toolbar-dropdown .dropdown-menu-inner{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:6px;min-width:140px;padding:4px 0;box-shadow:0 4px 12px #0003}.toolbar-dropdown.open .dropdown-menu{display:block}.dropdown-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;min-width:0;padding:6px 12px;font-size:12px;display:block}.dropdown-item:hover{background:var(--hover);color:var(--text)}.dropdown-item.selected{color:var(--accent)}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.dropdown-right{left:auto;right:0}.toolbar-toggle{cursor:pointer;color:var(--text-muted);align-items:center;gap:4px;padding:0 4px;font-size:11px;display:flex}.toolbar-toggle input{cursor:pointer;margin:0}.toggle-label{-webkit-user-select:none;user-select:none}.toolbar-sep{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 4px}.toggle-group{border:1px solid var(--border);border-radius:5px;display:flex;overflow:hidden}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;display:flex}.toggle-btn:hover{background:var(--hover);color:var(--text)}.toggle-btn.active{background:var(--active);color:var(--accent)}#code-editor{width:100%;max-width:var(--content-width);min-height:100%;color:var(--text);resize:none;font-family:var(--font-family-code);-moz-tab-size:4;tab-size:4;background:0 0;border:none;outline:none;margin:0 auto;font-size:14px;line-height:1.6}#editor-container{flex:1;max-width:100%;padding:40px 60px;overflow-y:auto}#editor{max-width:var(--content-width);min-height:100%;margin:0 auto}.milkdown{font-size:var(--font-size);line-height:var(--line-height);color:var(--text)!important;font-family:var(--font-family)!important;background:0 0!important}.milkdown .editor{outline:none;padding:0!important}.milkdown h1,.milkdown h2,.milkdown h3,.milkdown h4,.milkdown h5,.milkdown h6{font-weight:var(--heading-weight);letter-spacing:var(--heading-letter-spacing);color:var(--text)}.milkdown h1{font-size:var(--h1-size);border-bottom:var(--heading-border);margin-top:.5em;margin-bottom:.4em;padding-bottom:.3em}.milkdown h2{font-size:var(--h2-size);border-bottom:var(--heading-border);margin-top:.8em;margin-bottom:.4em;padding-bottom:.2em}.milkdown h3{font-size:var(--h3-size);margin-top:.8em;margin-bottom:.3em}.milkdown h4,.milkdown h5,.milkdown h6{margin-top:.6em;margin-bottom:.3em}.milkdown p{margin-bottom:var(--paragraph-spacing)}.milkdown a{color:var(--accent);text-decoration:none}.milkdown a:hover{text-decoration:underline}.milkdown blockquote{border-left:4px solid var(--accent);color:var(--text-muted);margin:.8em 0;padding-left:16px}.milkdown code{background:var(--bg-surface);border-radius:var(--code-radius);font-family:var(--font-family-code);padding:2px 6px;font-size:.9em}.milkdown pre{border:1px solid var(--border);border-radius:var(--radius);margin:1em 0;padding:16px;overflow-x:auto;background:var(--bg-surface)!important}.milkdown pre code{background:0 0;padding:0;font-size:14px;line-height:1.5}.milkdown ul,.milkdown ol{margin-bottom:.8em;padding-left:2em}.milkdown li{margin-bottom:.3em}.milkdown table{border-collapse:collapse;width:100%;margin:1em 0}.milkdown th,.milkdown td{border:1px solid var(--border);text-align:left;padding:8px 12px}.milkdown th{background:var(--bg-surface);font-weight:600}.milkdown hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.milkdown img{border-radius:8px;max-width:100%}.milkdown li[data-checked]{margin-left:-1.5em;list-style:none}.milkdown li[data-checked]:before{content:"☐ "}.milkdown li[data-checked=true]:before{content:"☑ ";color:var(--accent)}.mermaid-hidden-code{display:none}.mermaid-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;margin:1em 0;padding:16px;position:relative;overflow-x:auto}.mermaid-preview:hover{border-color:var(--accent)}.mermaid-edit-btn{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;opacity:0;border-radius:4px;padding:3px 10px;font-size:11px;transition:opacity .15s;position:absolute;top:8px;right:8px}.mermaid-preview:hover .mermaid-edit-btn{opacity:1}.mermaid-edit-btn:hover{color:var(--text);border-color:var(--accent)}.mermaid-preview svg{min-width:min(100%,600px)}.diagram-fullscreen{background:var(--bg);z-index:1000;cursor:zoom-out;text-align:center;padding:40px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.diagram-fullscreen svg{max-width:none;max-height:none}.diagram-fullscreen-hint{color:var(--text-muted);background:var(--bg-surface);pointer-events:none;border-radius:4px;padding:4px 12px;font-size:12px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#search-bar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);padding:6px 12px}#search-bar.hidden{display:none}#search-row,#replace-row{align-items:center;gap:6px;display:flex}#replace-row{margin-top:4px}#replace-row.hidden{display:none}#search-input,#replace-input{background:var(--bg);max-width:300px;color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:13px}#search-input:focus,#replace-input:focus{border-color:var(--accent)}#search-count{color:var(--text-muted);min-width:50px;font-size:12px}.search-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:12px}.search-btn:hover{background:var(--hover);border-color:var(--border);color:var(--text)}.search-highlight{background:#ffd5004d;border-radius:2px}.search-highlight-active{background:#ffd50099;border-radius:2px;outline:1px solid #ffd500cc}#split-preview{border-left:1px solid var(--border);flex:1;max-width:50%;padding:40px;overflow-y:auto}#split-preview-inner{max-width:700px;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--text);margin:0 auto}#split-preview-inner h1,#split-preview-inner h2,#split-preview-inner h3,#split-preview-inner h4,#split-preview-inner h5,#split-preview-inner h6{font-weight:var(--heading-weight);letter-spacing:var(--heading-letter-spacing);margin-top:.8em;margin-bottom:.4em}#split-preview-inner h1{font-size:var(--h1-size);border-bottom:var(--heading-border);padding-bottom:.3em}#split-preview-inner h2{font-size:var(--h2-size);border-bottom:var(--heading-border);padding-bottom:.2em}#split-preview-inner h3{font-size:var(--h3-size)}#split-preview-inner p{margin-bottom:var(--paragraph-spacing)}#split-preview-inner a{color:var(--accent)}#split-preview-inner blockquote{border-left:4px solid var(--accent);color:var(--text-muted);margin:.8em 0;padding-left:16px}#split-preview-inner code{background:var(--bg-surface);border-radius:var(--code-radius);font-family:var(--font-family-code);padding:2px 6px;font-size:.9em}#split-preview-inner pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin:1em 0;padding:16px;overflow-x:auto}#split-preview-inner pre code{background:0 0;padding:0;font-size:14px;line-height:1.5}#split-preview-inner table{border-collapse:collapse;width:100%;margin:1em 0}#split-preview-inner th,#split-preview-inner td{border:1px solid var(--border);text-align:left;padding:8px 12px}#split-preview-inner th{background:var(--bg-surface);font-weight:600}#split-preview-inner ul,#split-preview-inner ol{margin-bottom:.8em;padding-left:2em}#split-preview-inner li{margin-bottom:.3em}#split-preview-inner hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}#split-preview-inner img{border-radius:var(--radius);max-width:100%}.split-mode #editor-container,.code-mode #editor-container{max-width:50%;padding:0;overflow:hidden}.code-mode #editor-container{max-width:100%}.split-mode #code-editor,.code-mode #code-editor{width:100%;max-width:100%;height:100%;padding:20px 24px}#toolbar-overflow{flex-shrink:0;display:none;position:relative}#toolbar-overflow.visible{display:block}#toolbar-overflow>button{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;padding:5px 6px;font-size:14px;display:flex}#toolbar-overflow>button:hover{background:var(--hover);border-color:var(--border);color:var(--text)}#overflow-menu{z-index:100;min-width:200px;padding-top:2px;display:none;position:absolute;top:100%;right:0}@media (max-width:640px){#overflow-menu{top:var(--toolbar-height);min-width:auto;position:fixed;left:8px;right:8px}}#toolbar-overflow.open #overflow-menu{display:block}#overflow-menu-inner{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;gap:2px;padding:6px;display:flex;box-shadow:0 4px 12px #0003}#overflow-menu-inner .toolbar-btn,#overflow-menu-inner .toolbar-dropdown{flex-shrink:0}#overflow-menu-inner .toolbar-sep{display:none}@media (max-width:1200px){.toolbar-btn span{display:none}.fmt-btn b,.fmt-btn i,.fmt-btn s,.fmt-btn code{display:inline}#editor-container{padding:30px 40px}}@media (max-width:900px){#sidebar:not(.collapsed){width:200px;min-width:200px}#editor-container{padding:20px 24px}}@media (max-width:640px){#sidebar{z-index:50;height:calc(100vh - var(--toolbar-height));position:absolute;box-shadow:4px 0 12px #0000004d}#sidebar.collapsed{display:none}#editor-container{padding:16px}#sidebar-toggle-btn{flex-shrink:0;order:-1}#toolbar-right .toolbar-btn span,#download-btn span{display:none}}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog-box{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:10px;min-width:340px;max-width:440px;padding:24px;box-shadow:0 8px 32px #0000004d}.dialog-message{color:var(--text);margin-bottom:20px;font-size:14px;line-height:1.5}.dialog-buttons{justify-content:flex-end;gap:8px;display:flex}.dialog-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:6px;padding:7px 16px;font-size:13px}.dialog-btn:hover{background:var(--hover)}.dialog-ok{background:var(--accent);color:var(--bg);border-color:var(--accent)}.dialog-ok:hover{opacity:.9}@media print{#toolbar,#sidebar,#search-bar{display:none!important}#editor-container{padding:0!important;overflow:visible!important}#editor{max-width:100%!important}.mermaid-hidden-code{display:none!important}body{color:#000!important;background:#fff!important}}body.is-tauri .web-only{display:none!important}#download-btn{color:var(--accent);white-space:nowrap;text-decoration:none}#download-btn:hover{color:var(--text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}