pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--radius: 8px;--sidebar-w: 280px}:root,:root[data-theme=dark]{--bg: #1a1b1e;--bg-elevated: #232428;--bg-sidebar: #161719;--bg-input: #2a2b30;--border: #2e2f34;--border-strong: #3a3b41;--text: #d4d4d8;--text-dim: #8a8b90;--text-bright: #f4f4f5;--accent: #4f9cf9;--accent-hover: #6fb0ff;--accent-contrast: #0c1119;--danger: #f87171;--hover: rgba(255, 255, 255, .055);--active-bg: rgba(79, 156, 249, .16);--shadow: 0 16px 48px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-theme=light]{--bg: #ffffff;--bg-elevated: #f7f7f8;--bg-sidebar: #f3f3f4;--bg-input: #ffffff;--border: #e4e4e7;--border-strong: #d4d4d8;--text: #2c2c31;--text-dim: #76767d;--text-bright: #18181b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-contrast: #ffffff;--danger: #dc2626;--hover: rgba(0, 0, 0, .045);--active-bg: rgba(37, 99, 235, .1);--shadow: 0 16px 48px rgba(0, 0, 0, .18);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:14px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}input{font-family:inherit}kbd{font-family:var(--font-mono);font-size:11px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:4px;padding:1px 5px;color:var(--text-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}.boot{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.login{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg)}.login-card{display:flex;flex-direction:column;width:340px;padding:36px 32px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--text-bright)}.login-brand svg{color:var(--accent)}.login-tagline{margin:6px 0 24px;color:var(--text-dim);font-size:13px}.login-input,.modal-input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-bright);font-size:14px;outline:none}.login-input:focus,.modal-input:focus{border-color:var(--accent)}.login-error{margin-top:10px;color:var(--danger);font-size:12.5px}.login-button{margin-top:18px;padding:10px;background:var(--accent);color:var(--accent-contrast);font-weight:600;border-radius:var(--radius);transition:background .12s}.login-button:not(:disabled):hover{background:var(--accent-hover)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%;overflow:hidden}.sidebar{display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:1px solid var(--border);overflow:hidden}.sidebar-head{padding:14px 14px 10px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text-bright)}.brand svg{color:var(--accent)}.search-trigger{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:13px;transition:border-color .12s}.search-trigger:hover{border-color:var(--accent)}.search-trigger kbd{margin-left:auto}.file-tree{flex:1;overflow:auto;padding:8px 6px}.tree-row{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px;border-radius:6px;color:var(--text);font-size:13px;text-align:left;line-height:1.4}.tree-row:hover{background:var(--hover)}.tree-file.active{background:var(--active-bg);color:var(--accent)}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-chevron{flex-shrink:0;color:var(--text-dim);transition:transform .12s}.tree-chevron.expanded{transform:rotate(90deg)}.tree-dir svg:not(.tree-chevron):not(.tree-spinner){color:var(--accent);flex-shrink:0}.tree-file-icon{flex-shrink:0;color:var(--text-dim)}.tree-file.active .tree-file-icon{color:var(--accent)}.tree-spinner{margin-left:auto;color:var(--text-dim);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tree-message{padding:3px 6px;font-size:12px;color:var(--text-dim);font-style:italic}.sidebar-foot{padding:10px 12px;border-top:1px solid var(--border)}.logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:var(--radius);color:var(--text-dim);font-size:13px}.logout-btn:hover{background:var(--hover);color:var(--text)}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.toolbar-file{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.toolbar-name{font-weight:600;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-name.muted{font-weight:500;color:var(--text-dim)}.dirty-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.toolbar-actions{display:flex;align-items:center;gap:4px}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--text-dim);transition:background .1s,color .1s}.icon-btn:not(:disabled):hover{background:var(--hover);color:var(--text-bright)}.icon-btn.danger:not(:disabled):hover{color:var(--danger)}.toolbar-sep{width:1px;height:22px;background:var(--border);margin:0 4px}.segmented{display:flex;background:var(--bg-input);border:1px solid var(--border);border-radius:7px;padding:2px;gap:2px}.segmented button{display:flex;align-items:center;justify-content:center;width:30px;height:26px;border-radius:5px;color:var(--text-dim)}.segmented button:hover{color:var(--text-bright)}.segmented button.active{background:var(--accent);color:var(--accent-contrast)}.save-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;margin-left:4px;background:var(--accent);color:var(--accent-contrast);font-weight:600;font-size:13px;border-radius:6px}.save-btn:not(:disabled):hover{background:var(--accent-hover)}.workspace{display:flex;flex:1;min-height:0;overflow:hidden}.pane{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.mode-split .pane-preview{border-left:1px solid var(--border)}.editor-host{flex:1;min-height:0;overflow:hidden}.cm-editor{height:100%;font-size:13.5px}.cm-editor .cm-scroller{font-family:var(--font-mono);line-height:1.65}.cm-editor.cm-focused{outline:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:4px;color:var(--text-dim);text-align:center}.empty-state svg{color:var(--border-strong);margin-bottom:12px}.preview{flex:1;overflow:auto;padding:32px 40px 64px}.preview-empty{color:var(--text-dim);font-style:italic}.markdown-body{max-width:820px;margin:0 auto;line-height:1.7;color:var(--text)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-bright);margin:1.6em 0 .6em;line-height:1.3}.markdown-body h1{font-size:1.9em;padding-bottom:.3em;border-bottom:1px solid var(--border)}.markdown-body h2{font-size:1.5em;padding-bottom:.25em;border-bottom:1px solid var(--border)}.markdown-body h3{font-size:1.25em}.markdown-body :is(h1,h2,h3,h4):first-child{margin-top:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body table,.markdown-body pre{margin:.85em 0}.markdown-body ul,.markdown-body ol{padding-left:1.6em}.markdown-body li{margin:.25em 0}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:.12em .4em}.markdown-body pre{border-radius:var(--radius);overflow:auto}.markdown-body pre.hljs{padding:14px 16px}.markdown-body pre code{background:none;border:none;padding:0;font-size:.85em}.markdown-body blockquote{border-left:3px solid var(--accent);padding:.2em 0 .2em 1em;color:var(--text-dim)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}.markdown-body table{border-collapse:collapse;width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 12px;text-align:left}.markdown-body th{background:var(--bg-elevated)}.markdown-body img{max-width:100%;border-radius:var(--radius)}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:26px;padding:0 14px;background:var(--bg-elevated);border-top:1px solid var(--border);font-size:11.5px;color:var(--text-dim);flex-shrink:0}.status-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.status-right{display:flex;gap:16px;flex-shrink:0}.status-dirty{color:var(--accent)}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;z-index:100}.palette{width:600px;max-width:92vw;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.palette-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-dim)}.palette-input{flex:1;background:none;border:none;outline:none;color:var(--text-bright);font-size:15px}.palette-results{max-height:46vh;overflow:auto;padding:6px}.palette-hint{padding:16px;color:var(--text-dim);font-size:13px;text-align:center}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:7px;text-align:left}.search-result.active{background:var(--active-bg)}.search-result-icon{flex-shrink:0;color:var(--text-dim)}.search-result.active .search-result-icon{color:var(--accent)}.search-result-name{font-weight:600;color:var(--text-bright);flex-shrink:0}.search-result-path{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-footer{display:flex;gap:18px;padding:9px 16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-dim)}.palette-footer kbd{margin-right:3px}.modal{width:460px;max-width:92vw;padding:22px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow)}.modal-title{font-size:16px;color:var(--text-bright);margin-bottom:16px}.modal-label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}.modal-input{font-family:var(--font-mono);font-size:13px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-ghost,.btn-primary{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600}.btn-ghost{color:var(--text-dim)}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:not(:disabled):hover{background:var(--accent-hover)}.toast{position:fixed;bottom:20px;right:20px;max-width:380px;padding:11px 16px;border-radius:var(--radius);font-size:13px;background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:200;animation:toast-in .16s ease-out}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}