:root{--app-bg: #0f0f10;--app-surface: #151516;--app-surface-2: #1b1c1e;--app-border: #2a2b2f;--app-border-soft: #202124;--text-primary: #e8e8e8;--text-secondary: #b6b8bc;--text-muted: #777a80;--text-accent: #d0d3d8;--sidebar-bg: #121314;--sidebar-hover: #1d1f22;--sidebar-active: #25272b;--sidebar-border: #24262a;--sidebar-text-active: #f0f0f0;--editor-bg: #0b0c0e;--editor-text: #dcdfe4;--editor-caret: #f2f2f2;--editor-selection: #2f3a4a;--editor-font: "Google Sans Code", "JetBrains Mono", monospace;--syn-title: #c8d0dc;--syn-bold: #a8b8cc;--syn-italic: #8896aa;--syn-code: #6a9fb5;--syn-url: #7a9cc0;--syn-blockquote: #505560;--syn-list: #6e7a8a;--syn-punctuation: #404650;--body-font: "ABeeZee", system-ui, sans-serif;--toolbar-bg: #121314;--toolbar-border: #24262a;--scroll-track: #0f0f10;--scroll-thumb: #303237;--scroll-thumb-hover: #484b52;--md-bg: #0b0c0e;--md-paper: #101113;--md-text: #dcdfe4;--md-text-soft: #aeb2b8;--md-muted: #74787f;--md-border: #292b30;--md-border-soft: #202226;--md-accent: #d0d3d8;--md-accent-dark: #f1f3f5;--md-accent-soft: #1d2026;--md-code-bg: #17191c;--md-code-border: #2b2e34;--md-code-text: #e2e5ea;--md-table-head: #191b1f;--md-table-row: #101113;--md-table-row-hover:#181a1e;--prism-comment: #6e7a8a;--prism-punctuation: #6a707c;--prism-keyword: #7aa2f7;--prism-string: #9ece6a;--prism-function: #e0af68;--prism-number: #ff9e64;--prism-tag: #c47ba0;--focus-ring: #8c96a855;--danger: #e06c5f;--danger-soft: #331c1a;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--fs-root: 13px;--fs-xs: .85rem;--fs-sm: .923rem;--fs-base: 1rem;--fs-md: 1.077rem;--fs-lg: 1.23rem;--fs-xl: 1.62rem;--fs-2xl: 2rem;--fs-hero: 2.77rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}html{font-size:var(--fs-root, 13px)}body{background:var(--app-bg);color:var(--text-primary);font-family:var(--body-font);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.app{display:flex;flex-direction:row;height:100vh;height:100dvh;background:var(--app-bg)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-titlebar{display:flex;align-items:center;height:48px;padding:0;background:var(--app-surface);border-bottom:1px solid var(--app-border);flex-shrink:0;gap:0;position:relative;z-index:60}.app-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--app-bg);font-family:var(--editor-font);font-size:var(--fs-lg);font-weight:700;color:var(--text-muted);letter-spacing:.05em}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-right:1px solid var(--app-border);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .1s,background .1s}.sidebar-toggle-btn:hover{color:var(--text-primary);background:var(--app-surface-2)}.titlebar-logo{width:22px;height:22px;object-fit:contain;border-radius:5px;flex-shrink:0;margin-left:2px}@media (min-width: 769px){.sidebar-toggle-btn--hidden-desktop,.titlebar-logo--hidden-desktop{display:none}.sidebar-collapse-btn{display:flex}}.sidebar{flex-shrink:0;position:relative;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;height:100vh;height:100dvh;z-index:55;transition:width .22s ease;min-width:0}.sidebar-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;z-index:10}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--text-accent);opacity:.4}.sidebar-backdrop{display:none}.sidebar-logo{height:48px;display:flex;align-items:center;padding:0 4px 0 8px;flex-shrink:0;border-bottom:1px solid var(--app-border);gap:6px;-webkit-user-select:none;user-select:none}.sidebar-logo-img{width:20px;height:20px;object-fit:contain;flex-shrink:0;border-radius:4px}.sidebar-logo-text{flex:1;font-family:var(--editor-font);font-size:var(--fs-lg);font-weight:700;letter-spacing:0;color:var(--text-primary)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .1s,background .1s}.sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--app-surface-2)}.sidebar-sync-bar{display:flex;align-items:center;gap:6px;padding:0 12px;height:36px;background:var(--toolbar-bg);border-bottom:1px solid var(--toolbar-border);font-size:var(--fs-base);color:var(--text-muted);flex-shrink:0;-webkit-user-select:none;user-select:none}.sidebar-tree{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;font-family:var(--body-font)}.tree-row{display:flex;align-items:center;height:28px;padding-right:6px;cursor:pointer;gap:4px;color:var(--text-secondary);position:relative;-webkit-user-select:none;user-select:none}.tree-row:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.tree-row.active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.tree-icon{width:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.tree-file-icon{display:flex;align-items:center;flex-shrink:0;color:var(--text-muted)}.tree-row:hover .tree-file-icon,.tree-row.active .tree-file-icon{color:var(--text-accent)}.tree-label{flex:1;font-size:var(--fs-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tree-rename-input{flex:1;background:var(--app-surface-2);border:1px solid var(--text-accent);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;font-size:var(--fs-base);padding:0 4px;height:20px;outline:none;min-width:0}.tree-actions{display:flex;align-items:center;gap:1px;flex-shrink:0}.tree-actions button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:0}.tree-actions button:hover{background:var(--app-surface-2);color:var(--text-primary)}.tree-actions button.danger:hover{color:var(--danger)}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--app-border-soft);position:relative;padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar-footer-row{display:flex;align-items:center;height:38px;padding:0 8px 0 12px;gap:6px}.sidebar-footer-user{flex:1;font-size:var(--fs-base);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sidebar-settings-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:color .1s,background .1s}.sidebar-settings-btn:hover,.sidebar-settings-btn.open{color:var(--text-primary);background:var(--app-surface-2)}.sidebar-settings-panel{position:absolute;bottom:100%;left:0;right:0;background:var(--app-surface);border:1px solid var(--app-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -8px 24px #0000001a;padding:4px 0;z-index:100}.sidebar-settings-sync{display:flex;align-items:center;padding:8px 14px;font-size:var(--fs-sm);color:var(--text-muted);gap:7px;pointer-events:none}.sidebar-settings-divider{height:1px;background:var(--app-border-soft);margin:3px 0}.sidebar-settings-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 14px;background:none;border:none;font-family:var(--body-font);font-size:var(--fs-base);color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .05s,color .05s}.sidebar-settings-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-settings-item.danger:hover{color:var(--danger)}.sidebar-settings-item-right{margin-left:auto;font-size:var(--fs-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.import-error{padding:5px 12px;font-size:var(--fs-xs);color:var(--danger)}.tree-shared-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);flex-shrink:0;margin-left:auto;margin-right:4px}.tree-actions button.active{color:var(--text-secondary)}.sidebar-toast{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:var(--app-surface-2);border:1px solid var(--app-border);color:var(--text-primary);font-size:var(--fs-xs);padding:5px 12px;border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:100}.cmdbox-overlay{position:fixed;top:48px;left:0;right:0;bottom:0;z-index:50;background:#00000059;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);cursor:default;animation:overlay-in .15s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.cmdbox-wrap{flex:1;position:relative;min-width:0;font-family:var(--editor-font);display:flex;align-items:center;padding:0 8px}.cmdbox-input-row{display:flex;align-items:center;gap:7px;flex:1;height:34px;padding:0 10px;background:var(--app-light-surface, var(--app-surface));border:1px solid var(--app-border);border-color:var(--app-border-soft);border-radius:var(--radius-md);transition:border-color .15s}.cmdbox-input-row.focused{border-color:var(--text-accent);background:var(--app-light-surface, var(--app-surface))}.cmdbox-icon{color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.cmdbox-input{flex:1;background:none;border:none;outline:none;font-family:var(--editor-font);font-size:var(--fs-base);color:var(--text-primary);caret-color:var(--text-accent);min-width:0}.cmdbox-input::placeholder{color:var(--text-muted);font-size:var(--fs-sm)}.cmdbox-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-xs);padding:2px 4px;border-radius:var(--radius-sm);line-height:1}.cmdbox-clear:hover{color:var(--text-primary)}.cmdbox-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--app-surface);border:1px solid var(--app-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:340px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #0000001f}.cmdbox-list{list-style:none;padding:4px 0}.cmdbox-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:var(--fs-base);color:var(--text-secondary);transition:background .05s}.cmdbox-item.selected,.cmdbox-item:hover{background:var(--sidebar-active);color:var(--sidebar-text-active)}.cmdbox-item.kind-tip{font-size:var(--fs-xs);color:var(--text-muted);padding:5px 12px;cursor:default}.cmdbox-item.kind-tip:hover{background:none}.cmdbox-item.kind-help .cmdbox-item-label,.cmdbox-item.kind-command-hint .cmdbox-item-label{font-family:var(--editor-font);font-size:var(--fs-sm);color:var(--text-accent)}.cmdbox-item-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.cmdbox-item.selected .cmdbox-item-icon{color:var(--text-accent)}.cmdbox-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cmdbox-item-hint{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;flex-shrink:0}.cmdbox-item.selected .cmdbox-item-hint{color:var(--text-secondary)}.cmdbox-enter{display:flex;align-items:center;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:var(--radius-sm);padding:1px 4px;color:var(--text-muted);flex-shrink:0}.cmdbox-empty{padding:12px;text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.cmdbox-confirm{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:var(--fs-base);color:var(--danger);background:var(--danger-soft)}.cmdbox-confirm kbd{margin-left:auto;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:var(--radius-sm);padding:1px 6px;font-size:var(--fs-xs);color:var(--text-muted)}.cmdbox-undo{position:absolute;bottom:-40px;left:0;right:0;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--app-surface);border:1px solid var(--app-border);border-top:none;font-size:var(--fs-sm);color:var(--text-secondary);z-index:999}.cmdbox-undo button{display:flex;align-items:center;gap:4px;margin-left:auto;background:none;border:1px solid var(--app-border);border-radius:var(--radius-sm);color:var(--text-accent);cursor:pointer;font-size:var(--fs-xs);padding:2px 7px}.cmdbox-feedback{position:absolute;top:100%;left:0;right:0;padding:7px 12px;background:var(--app-surface);border:1px solid var(--app-border);border-top:none;font-size:var(--fs-sm);color:var(--text-secondary);display:flex;align-items:center;gap:6px;z-index:1001}.cmdbox-feedback.error{color:var(--danger);background:var(--danger-soft)}.toolbar{display:flex;align-items:center;height:36px;padding:0 12px;background:var(--toolbar-bg);border-bottom:1px solid var(--toolbar-border);flex-shrink:0;gap:8px}.toolbar-left{flex:1;overflow:hidden;min-width:0}.toolbar-filepath{display:flex;align-items:baseline;font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--editor-font)}.toolbar-filepath-dir{color:var(--text-muted)}.toolbar-filepath-sep{color:var(--text-muted);padding:0 1px;margin:0 4px}.toolbar-filepath-name{color:var(--text-secondary)}.toolbar-right{display:flex;align-items:center;gap:2px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:24px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:0;transition:color .1s,background .1s,border-color .1s}.toolbar-btn:hover{color:var(--text-primary);background:var(--app-surface-2)}.toolbar-btn.active{color:var(--text-accent);background:var(--app-surface-2);border-color:var(--app-border)}.toolbar-split{position:relative;display:flex;align-items:center}.toolbar-split-main{border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:26px}.toolbar-split-arrow{border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:16px;padding:0}.toolbar-split-main{border-right:none}.toolbar-split-arrow{border-left:1px solid var(--app-border)}.toolbar-split.active .toolbar-split-arrow{border-left-color:var(--app-border)}.toolbar-dropdown{position:absolute;top:calc(100% + 5px);right:0;min-width:130px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000002e;z-index:200;overflow:hidden;padding:3px}.toolbar-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--body-font);font-size:var(--fs-base);cursor:pointer;text-align:left;transition:background .1s,color .1s}.toolbar-dropdown-item:hover{background:var(--app-surface-2);color:var(--text-primary)}.toolbar-dropdown-item span{flex:1}.toolbar-dropdown-kbd{font-family:var(--editor-font);font-size:var(--fs-base);color:var(--text-muted);background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:3px;padding:1px 4px;letter-spacing:2px;pointer-events:none}.workarea{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--app-bg)}.workarea-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-base);letter-spacing:.06em}.workarea-panels{flex:1;display:flex;overflow:hidden}.panel-divider{width:1px;background:var(--app-border);flex-shrink:0}.editor-pane{flex:1;display:block;overflow-y:auto;overflow-x:hidden;background:var(--editor-bg);min-width:0}.editor-code{width:100%;min-height:100%}.editor-code__textarea,.editor-code__pre{outline:none!important;border:none!important;resize:none!important;padding:12px 16px!important;font-family:var(--editor-font)!important;font-size:var(--fs-md)!important;line-height:1.7!important}.editor-code__textarea{color:transparent!important;caret-color:var(--editor-caret)!important;background:transparent!important;-moz-tab-size:2;tab-size:2}.editor-code__textarea::selection{color:var(--editor-text)!important;background:var(--editor-selection)}.editor-code__textarea:focus{outline:none}.editor-code__textarea:empty:not(:focus):before{content:attr(placeholder);color:var(--text-muted);opacity:.5}.editor-code .token.title,.editor-code .token.important{color:var(--syn-title);font-weight:600}.editor-code .token.bold{color:var(--syn-bold);font-weight:700}.editor-code .token.italic{color:var(--syn-italic);font-style:italic}.editor-code .token.code,.editor-code .token.code-snippet{color:var(--syn-code)}.editor-code .token.url,.editor-code .token.url-reference{color:var(--syn-url)}.editor-code .token.blockquote,.editor-code .token.hr{color:var(--syn-blockquote);font-style:italic}.editor-code .token.list{color:var(--syn-list)}.editor-code .token.punctuation{color:var(--syn-punctuation)}.editor-code .token:not([class*=token]),.editor-code__pre{color:var(--editor-text)}.editor-pane--error{align-items:center;justify-content:center}.editor-error-msg{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;padding:0 24px;line-height:1.6}.editor-pane--loading,.preview-pane--loading{overflow:hidden}.editor-skeleton{flex:1;padding:20px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.editor-skeleton-line{height:13px;border-radius:4px;background:var(--app-border);opacity:.6}.editor-skeleton-line--h1{height:22px;border-radius:5px;margin-bottom:4px}.editor-skeleton-line--gap{height:6px;background:none;animation:none}.preview-pane{flex:1;overflow-y:auto;background:var(--md-bg);min-width:0;position:relative}.preview-present-btn{position:absolute;top:10px;right:14px;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s,color .1s}.preview-pane:hover .preview-present-btn{opacity:1}.preview-present-btn:hover{color:var(--text-primary)}.md-body{padding:24px 28px 36px;background:var(--md-paper);min-height:100%;color:var(--md-text);font-family:var(--body-font);font-size:var(--fs-lg);line-height:1.8}.md-empty{color:var(--md-muted);font-style:italic;font-size:var(--fs-base)}.md-body h1,.md-body h2,.md-body h3,.md-body h4,.md-body h5,.md-body h6{font-family:var(--body-font);color:var(--md-text);line-height:1.35;margin-top:2em;margin-bottom:.5em}.md-body h1{font-size:1.5em;padding-bottom:.3em}.md-body h2{font-size:1.3em;padding-bottom:.2em}.md-body h3{font-size:1.1em}.md-body h4{font-size:1em;color:var(--md-text-soft)}.md-body>:first-child{margin-top:0}.md-body p{margin-bottom:1em}.md-body a{color:var(--md-accent);text-decoration:underline;text-underline-offset:2px}.md-body a:hover{color:var(--md-accent-dark)}.md-body strong{font-weight:700;color:var(--md-text)}.md-body em{font-style:italic;color:var(--md-text-soft)}.md-body blockquote{border:1px solid var(--md-code-border);border-left:6px solid var(--md-accent);margin:1.2em 1em;padding:.4em 1em;background:var(--md-code-bg);color:var(--md-text-soft);border-radius1:0 var(--radius-sm) var(--radius-sm) 0;border-radius:var(--radius-sm)}.md-body blockquote p:last-child{margin-bottom:0}.md-body code{font-family:var(--editor-font);font-size:.9em;background:var(--md-code-bg);border:1px solid var(--md-code-border);color:var(--md-code-text);padding:.1em .35em;border-radius:var(--radius-sm)}.md-body pre{background:var(--md-code-bg);border:1px solid var(--md-code-border);border-radius:var(--radius-md);padding:14px 16px;overflow-x:auto;margin:1.2em 0;line-height:1.25;font-size:.9em}.md-body pre code{background:none;border:none;padding:0;font-size:.85em;line-height:1.6}.md-body pre code .token.comment,.md-body pre code .token.prolog,.md-body pre code .token.doctype,.md-body pre code .token.cdata{color:var(--prism-comment);font-style:italic}.md-body pre code .token.punctuation{color:var(--prism-punctuation)}.md-body pre code .token.property,.md-body pre code .token.tag,.md-body pre code .token.selector,.md-body pre code .token.attr-name{color:var(--prism-tag)}.md-body pre code .token.boolean,.md-body pre code .token.number,.md-body pre code .token.constant,.md-body pre code .token.symbol,.md-body pre code .token.regex{color:var(--prism-number)}.md-body pre code .token.string,.md-body pre code .token.char,.md-body pre code .token.builtin,.md-body pre code .token.inserted,.md-body pre code .token.attr-value{color:var(--prism-string)}.md-body pre code .token.operator,.md-body pre code .token.entity,.md-body pre code .token.url{color:var(--prism-punctuation)}.md-body pre code .token.atrule,.md-body pre code .token.keyword,.md-body pre code .token.important{color:var(--prism-keyword)}.md-body pre code .token.function,.md-body pre code .token.class-name{color:var(--prism-function)}.md-body pre code .token.bold{font-weight:700}.md-body pre code .token.italic{font-style:italic}.md-body div.mermaid{display:flex;justify-content:center;overflow-x:auto;margin:1.2em 0}.md-body div.mermaid svg{max-width:100%}.md-body .mermaid-error{border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-md);padding:10px 14px;font-family:var(--editor-font);font-size:.85em;white-space:pre-wrap}.md-body ul,.md-body ol{padding-left:1.5em;margin-bottom:1em}.md-body li{margin-bottom:.25em}.md-body ul{list-style-type:"– "}.md-body table{width:100%;border-collapse:collapse;font-size:1em;margin:1.2em 0}.md-body thead tr{background:var(--md-table-head)}.md-body tbody tr{background:var(--md-table-row)}.md-body tbody tr:hover{background:var(--md-table-row-hover)}.md-body th,.md-body td{padding:7px 12px;border:1px solid var(--md-border);text-align:left}.md-body th{font-family:var(--body-font);font-size:1em;letter-spacing:.05em;color:var(--md-text-soft)}.md-body hr{height:1px;margin:1.8rem 0;border:0;background:linear-gradient(90deg,transparent 0%,var(--scroll-thumb) 0% 80%,transparent 100%)}.md-body img{max-width:100%;border-radius:var(--radius-md)}.auth-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--app-bg);padding:24px}.auth-container{display:flex;width:100%;max-width:900px;height:min(600px,calc(100vh - 48px));border:1px solid var(--app-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 64px #00000038}.auth-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 44px;background:var(--sidebar-bg);border-right:1px solid var(--app-border);overflow:hidden;gap:0}.auth-hero-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}.auth-hero-logo{width:48px;height:48px;object-fit:contain;border-radius:12px}.auth-hero-name{font-family:var(--editor-font);font-size:var(--fs-hero);font-weight:700;color:var(--text-primary);letter-spacing:.02em}.auth-hero-tagline{font-size:var(--fs-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.auth-screenshot{width:100%;margin-bottom:28px;border-radius:10px;overflow:hidden;border:1px solid var(--app-border);box-shadow:0 12px 36px #00000047;flex-shrink:0}.auth-screenshot-img{display:block;width:100%;height:auto;object-fit:cover}.auth-features{list-style:none;display:flex;flex-direction:column;gap:12px}.auth-feature-item{display:flex;align-items:center;gap:10px;font-size:var(--fs-base);color:var(--text-secondary)}.auth-feature-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--app-surface-2);border:1px solid var(--app-border);color:#3b82f6;flex-shrink:0}.auth-panel{width:360px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:40px 36px;background:var(--app-light-surface, var(--app-surface));font-size:var(--fs-lg)}.auth-card{width:100%;display:flex;flex-direction:column}.auth-heading{font-family:var(--body-font);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:.01em}.auth-tagline{color:var(--text-primary);margin-bottom:28px;line-height:1.5}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--body-font);cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:16px}.auth-google-btn:hover{border-color:var(--text-accent);background:var(--app-surface-2)}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-muted);font-size:var(--fs-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--app-border)}.auth-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.auth-input{width:100%;height:40px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--body-font);padding:0 12px;outline:none;transition:border-color .15s}.auth-input:focus{border-color:var(--text-accent)}.auth-input::placeholder{color:var(--text-muted)}.auth-error{color:var(--danger);padding:8px 10px;background:var(--danger-soft);border-radius:var(--radius-sm)}.auth-submit-btn{width:100%;height:40px;background:#3b82f6;border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--body-font);font-weight:600;cursor:pointer;transition:opacity .15s,background .15s;margin-top:2px;letter-spacing:.01em}.auth-submit-btn:hover{background:#2563eb}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:var(--text-muted)}.auth-sep{color:var(--app-border)}.auth-link-btn{background:none;border:none;color:#3b82f6;font-family:var(--body-font);cursor:pointer;padding:0;text-decoration:none}.auth-link-btn:hover{text-decoration:underline;text-underline-offset:2px}.auth-reset-sent{text-align:center;color:var(--text-secondary);line-height:1.7;display:flex;flex-direction:column;gap:12px}@media (max-width: 680px){.auth-container{max-width:100%;height:auto;min-height:0;border-radius:var(--radius-md)}.auth-hero{display:none}.auth-panel{width:100%;padding:36px 28px}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.sync-status{display:flex;align-items:center;gap:4px;font-size:var(--fs-xs);padding:0 8px;height:22px;border-radius:var(--radius-sm);white-space:nowrap;flex:1}.sync-status.synced{color:var(--text-muted)}.sync-status.saving{color:var(--text-secondary)}.sync-status.error{color:var(--danger)}.sync-status.merge{color:var(--text-accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:480px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0000002e}.modal-header{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--app-border)}.modal-title{display:flex;align-items:center;gap:7px;font-family:var(--editor-font);font-size:var(--fs-base);font-weight:600;color:var(--text-primary);flex:1}.modal-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:16px;display:flex;flex-direction:column;gap:14px}.modal-desc{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6}.modal-desc code{font-family:var(--editor-font);font-size:var(--fs-sm);background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:var(--radius-sm);padding:1px 5px;color:var(--text-accent)}.modal-summary{display:flex;gap:10px}.modal-stat{flex:1;background:var(--app-surface-2);border:1px solid var(--app-border);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--fs-sm);color:var(--text-secondary);text-align:center}.modal-stat span{display:block;font-family:var(--editor-font);font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:2px}.modal-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.modal-table th{font-family:var(--editor-font);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--text-muted);text-align:left;padding:5px 8px;border-bottom:1px solid var(--app-border);text-transform:uppercase}.modal-table td{padding:6px 8px;color:var(--text-secondary);border-bottom:1px solid var(--app-border-soft);vertical-align:middle}.modal-table tr:last-child td{border-bottom:none}.modal-table tr:hover td{background:var(--sidebar-hover)}.modal-table-icon{display:inline-flex;align-items:center;margin-right:5px;color:var(--text-muted);vertical-align:middle}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--app-border)}.modal-btn{display:flex;align-items:center;gap:5px;height:30px;padding:0 14px;border-radius:var(--radius-md);font-family:var(--body-font);font-size:var(--fs-base);cursor:pointer;transition:opacity .1s}.modal-btn--ghost{background:none;border:1px solid var(--app-border);color:var(--text-secondary)}.modal-btn--ghost:hover{border-color:var(--text-primary);color:var(--text-primary)}.modal-btn--primary{background:var(--text-accent);border:none;color:var(--app-bg);font-weight:600}.modal-btn--primary:hover{opacity:.88}.shared-links-empty{padding:32px 16px;text-align:center;font-size:var(--fs-sm);color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px}.shared-links-name{color:var(--text-secondary);text-decoration:none;font-size:var(--fs-sm)}.shared-links-name:hover{color:var(--text-primary);text-decoration:underline}.shared-links-actions{display:flex;gap:4px;align-items:center}.shared-links-actions button{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:3px 6px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px;transition:color .1s,background .1s}.shared-links-actions button:hover{color:var(--text-primary);background:var(--sidebar-hover)}.shared-links-actions button.danger:hover{color:var(--danger);background:var(--danger-soft)}.shared-links-copy.copied{color:#5a9e6f!important}.shared-links-path{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}@media (max-width: 1024px){.sidebar-logo-text{font-size:var(--fs-md)}.cmdbox-item-hint{max-width:140px}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:280px!important;z-index:200;box-shadow:none;transition:transform .25s ease,box-shadow .25s ease;transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0);box-shadow:6px 0 28px #00000038}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:#0006;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);animation:overlay-in .2s ease}.sidebar-resize-handle,.sidebar-collapse-btn{display:none}.app-main{width:100%}.toolbar-filepath-dir{display:none}.workarea-panels.view-split{flex-direction:column}.workarea-panels.view-split .panel-divider{width:100%;height:1px}.tree-row{height:34px}.sidebar-settings-panel{border-radius:0}.modal{width:calc(100vw - 32px)}}.pres-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--app-bg);display:flex;flex-direction:column;align-items:stretch;animation:pres-fade-in .2s ease;overflow:hidden}@keyframes pres-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pres-stage{flex:1;display:flex;overflow-y:auto;overflow-x:hidden;padding:6vh 6vw 100px;justify-content:center;align-items:flex-start}.pres-stage.pres-type-h1{align-items:center;text-align:center;padding:6vh 6vw 100px}.pres-stage.pres-type-h2,.pres-stage.pres-type-other{align-items:flex-start;text-align:left}.pres-body{width:100%;max-width:none;background:transparent;padding:0;min-height:unset;line-height:1.75;font-size:clamp(1.4rem,2vw,1.4rem)}.pres-stage.pres-type-h1 .pres-body{font-size:clamp(1.4rem,2vw,1.4rem);text-align:center}.pres-stage.pres-type-h1 .pres-body h1+*{margin-top:.6em;color:var(--text-secondary)}.pres-body h1{font-size:2.8em;line-height:1.1;margin-top:0;margin-bottom:.5em}.pres-body h2{font-size:1.8em;line-height:1.15;margin-top:0;margin-bottom:.6em}.pres-body h3{font-size:1.2em;margin-top:1em;margin-bottom:.3em}.pres-body h4{font-size:1.1em;margin-top:.8em;margin-bottom:.2em}.pres-stage.pres-type-h2 .pres-body h2:first-child,.pres-stage.pres-type-h2 .pres-body h1:first-child{padding-bottom:.5em;border-bottom:1px solid;border-image:linear-gradient(90deg,transparent 0%,var(--scroll-thumb) 0% 60%,transparent 100%) 1;margin-bottom:.8em}.pres-stage.pres-type-h2 .pres-body h1:first-child{font-size:1.8em;line-height:1.15}.pres-body p{margin-bottom:.75em}.pres-body ul,.pres-body ol{padding-left:1.6em;margin-bottom:.9em}.pres-body ul{list-style:none;padding-left:2.2em}.pres-body ul>li{position:relative}.pres-body ul>li:before{content:"–";position:absolute;left:-1.6em;font-weight:700;color:var(--text-primary)}.pres-body ol{list-style:none;padding-left:3em;counter-reset:pres-ol}.pres-body ol>li{position:relative;counter-increment:pres-ol}.pres-body ol>li:before{content:counter(pres-ol) ".";position:absolute;left:-2.4em;font-weight:700;color:var(--text-primary);min-width:1.6em;text-align:right}.pres-body li{margin-bottom:.6em}.pres-body blockquote{margin:1.8em 1em;padding:1em}.pres-body pre{padding:.9em 1.1em;margin:.8em 0;line-height:1.25;font-size:.9em}.pres-body table{margin:.8em 0}.pres-body th,.pres-body td{padding:.5em .9em}.pres-empty{color:var(--text-muted);font-style:italic;font-size:1em}.pres-btn{position:fixed;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;opacity:0;transition:opacity .3s ease,background .15s;z-index:510;pointer-events:none}.pres-btn.visible{opacity:.35;pointer-events:auto}.pres-btn.visible:hover{opacity:1;background:#80808026}.pres-btn:disabled{opacity:0!important;pointer-events:none}.pres-close{top:14px;right:14px;width:32px;height:32px}.pres-prev{bottom:20px;left:14px;width:40px;height:40px}.pres-next{bottom:20px;right:14px;width:40px;height:40px}.pres-footer{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:510;opacity:0;transition:opacity .3s ease;pointer-events:none}.pres-footer.visible{opacity:.5;pointer-events:auto}.pres-footer.visible:hover{opacity:1}.pres-counter{font-size:var(--fs-xs);color:var(--text-muted);font-family:var(--editor-font);letter-spacing:.08em}.pres-dots{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;max-width:70vw}.pres-dot{width:7px;height:7px;border-radius:50%;background:var(--app-border);border:none;cursor:pointer;padding:0;transition:background .15s,transform .15s;flex-shrink:0}.pres-dot:hover{background:var(--text-muted)}.pres-dot.active{background:var(--text-accent);transform:scale(1.4)}@media (max-width: 768px){.pres-body{font-size:clamp(1rem,3.5vw,1.2rem)}.pres-stage.pres-type-h1 .pres-body{font-size:clamp(1rem,3.5vw,1.5rem)}.pres-stage,.pres-stage.pres-type-h1{padding:4vh 4vw 60px}.pres-prev{bottom:16px;left:6px;width:36px;height:36px}.pres-next{bottom:16px;right:6px;width:36px;height:36px}.pres-btn.visible{opacity:.5}}.shared-view{display:flex;flex-direction:column;height:100vh;background:var(--md-bg);color:var(--text-primary)}.shared-header{display:flex;align-items:center;gap:10px;padding:0 16px;height:40px;flex-shrink:0;border-bottom:1px solid var(--app-border);background:var(--toolbar-bg)}.shared-header-name{font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.shared-header-present{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:none;border:1px solid var(--app-border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;flex-shrink:0;transition:color .1s,border-color .1s}.shared-header-present:hover{color:var(--text-primary);border-color:var(--text-muted)}.shared-header-cta{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-muted);text-decoration:none;flex-shrink:0;transition:color .1s}.shared-header-cta:hover{color:var(--text-primary)}.shared-header-logo{width:16px;height:16px;object-fit:contain}.shared-body{flex:1;overflow:auto}.shared-status{padding:40px 24px;font-size:var(--fs-base);color:var(--text-muted);text-align:center}