:root{--bg: #0a0a0a;--bg-2: #161616;--bg-3: #222222;--fg: #ffffff;--fg-2: #f0f0f0;--fg-3: #c8c8c8;--line: #2e2e2e;--accent: #8db4ff;--danger: #ff8b8b;--ok: #6ee389;--warn: #ffcc4d;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, system-ui, sans-serif;--sidebar-w: 300px;--topbar-h: 48px;--max-w: 1600px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{height:100dvh}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:6px;padding:4px 10px;cursor:pointer;line-height:1.4}button:hover{background:var(--bg-2)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}button.ghost{border-color:transparent}button.icon{padding:4px 8px;border-color:transparent;color:var(--fg-2)}button.icon:hover{color:var(--fg);background:var(--bg-2)}input[type=text],input[type=search]{font:inherit;color:inherit;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:6px 10px;width:100%;outline:none}input[type=text]:focus,input[type=search]:focus{border-color:var(--accent)}.auth{height:100%;display:grid;place-items:center;padding:24px}.auth-card{max-width:440px;text-align:center}.auth-card h1{font-size:28px;margin:0 0 6px;letter-spacing:-.02em}.auth-card p{color:var(--fg-2);margin:0 0 24px;line-height:1.5}.auth-card .connect{font-size:15px;padding:10px 18px;border-radius:8px}.auth-error{color:var(--danger);margin-top:16px;font-size:13px}.config-warn{margin-top:24px;padding:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--fg-2);text-align:left}.config-warn code{background:var(--bg-3);padding:1px 5px;border-radius:3px;font-family:var(--mono);font-size:12px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%;min-height:0;max-width:var(--max-w);margin:0 auto;border-left:1px solid transparent;border-right:1px solid transparent}@media (min-width: 1601px){.shell{border-left-color:var(--line);border-right-color:var(--line)}}.sidebar{border-right:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;min-height:0;min-width:0}.sidebar-head{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);height:var(--topbar-h)}.sidebar-head .brand{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.02em;margin-right:auto;color:var(--fg)}.sidebar-head button.icon{font-size:13px;padding:5px 9px}.sidebar-search{padding:10px 12px;border-bottom:1px solid var(--line)}.sidebar-search input{font-size:14px;padding:8px 12px}.tree{flex:1;overflow:auto;padding:8px 6px 16px;font-size:15px;-webkit-overflow-scrolling:touch}.row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-2);line-height:1.3}.row.dragging{opacity:.45}.row:hover,.row.active{background:var(--bg-3);color:var(--fg)}.row .name{overflow:hidden;text-overflow:ellipsis;flex:1}.row .twisty{width:16px;text-align:center;color:var(--fg-3);font-size:12px}.row .icon-glyph{width:16px;text-align:center;color:var(--fg-3);font-size:13px}.row .actions{display:none;gap:2px}.row:hover .actions{display:inline-flex}.row .actions button{font-size:12px;padding:2px 7px;color:var(--fg-3)}.row.dragover{outline:1px dashed var(--accent);outline-offset:-2px}.empty-folder{padding:6px 10px 6px 30px;color:var(--fg-3);font-style:italic;font-size:13px}.sidebar-foot{border-top:1px solid var(--line);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--fg-2)}.sidebar-foot button{font-size:13px;padding:4px 10px}.sidebar-foot .foot-actions{display:inline-flex;gap:6px}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:10px;padding:0 14px;height:var(--topbar-h);border-bottom:1px solid var(--line);font-size:14px}.topbar .crumbs{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2)}.topbar .crumbs .name{color:var(--fg);font-weight:500}.topbar button.icon{font-size:13px;padding:5px 10px}.view-toggle{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg-2)}.view-toggle button{border:0;border-radius:0;padding:4px 12px;color:var(--fg-2);background:transparent;cursor:pointer;font:inherit;font-size:12.5px;line-height:1.4}.view-toggle button:not(:first-child){border-left:1px solid var(--line)}.view-toggle button:hover,.view-toggle button.active{background:var(--bg-3);color:var(--fg)}@media (max-width: 720px){.view-toggle button{padding:4px 10px;font-size:12px}}.status{font-size:13px;color:var(--fg-2)}.status.saved{color:var(--ok)}.status.saving{color:var(--warn)}.status.error,.status.conflict{color:var(--danger)}.editor-wrap{flex:1;min-height:0;display:grid;grid-template-columns:1fr}.editor-wrap.mode-split{grid-template-columns:1fr 1fr}.editor,.preview{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.editor textarea{width:100%;height:100%;border:0;outline:0;resize:none;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:16px;line-height:1.65;padding:32px max(32px,calc((100% - 780px)/2));caret-color:var(--accent)}.editor textarea::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.preview{border-left:1px solid var(--line);padding:32px max(32px,calc((100% - 780px)/2));font-size:16px;line-height:1.7;color:var(--fg)}.editor-wrap:not(.mode-split) .preview{border-left:0}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{letter-spacing:-.01em;margin:1.4em 0 .5em;line-height:1.25}.preview h1{font-size:1.9em}.preview h2{font-size:1.5em}.preview h3{font-size:1.2em}.preview p,.preview ul,.preview ol,.preview blockquote{margin:.7em 0}.preview a{color:var(--accent)}.preview code{font-family:var(--mono);font-size:.92em;background:var(--bg-2);padding:1px 5px;border-radius:3px}.preview pre{background:var(--bg-2);padding:12px 14px;border-radius:8px;overflow:auto}.preview pre code{background:transparent;padding:0}.preview blockquote{border-left:3px solid var(--line);padding-left:12px;color:var(--fg-2)}.preview hr{border:0;border-top:1px solid var(--line);margin:1.4em 0}.preview img{max-width:100%;border-radius:6px}.preview table{border-collapse:collapse;width:100%}.preview th,.preview td{border:1px solid var(--line);padding:6px 10px;text-align:left}.empty-pane{height:100%;display:grid;place-items:center;color:var(--fg-2);font-size:15px;padding:32px;text-align:center}.conflict-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--danger) 14%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));font-size:13px}.conflict-bar .msg{flex:1}.conflict-bar button{font-size:12px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:8px 14px;border-radius:999px;font-size:13px;z-index:50;box-shadow:0 4px 16px #0000002e}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{position:absolute;inset:0;z-index:5;border-right:0}.sidebar.hidden,.main.hidden{display:none}.editor-wrap.mode-split{grid-template-columns:1fr}.editor textarea{padding:16px;font-size:16px}.preview{padding:16px;border-left:0}.topbar{padding:0 8px}.sidebar-head{padding:8px}}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);color:var(--fg-2);font-size:13px;letter-spacing:.02em;transition:background-color .2s ease,color .2s ease;opacity:0;animation:boot-in .22s .18s ease-out forwards}.boot .spinner{width:18px;height:18px;border-width:2px}@keyframes boot-in{to{opacity:1}}.spinner{width:14px;height:14px;border:2px solid var(--fg-3);border-top-color:transparent;border-radius:50%;display:inline-block;vertical-align:middle;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@supports (height: 100dvh){#app{height:100dvh}}.root-dropzone{margin:4px 6px 6px;padding:8px 10px;border:1.5px dashed var(--line);border-radius:6px;font-size:12px;color:var(--fg-3);text-align:center;font-style:italic}.root-dropzone.dragover{border-color:var(--accent);color:var(--fg);background:color-mix(in srgb,var(--accent) 12%,transparent)}.slash-menu{position:fixed;z-index:150;min-width:240px;max-width:320px;max-height:280px;overflow-y:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:4px;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;font-family:var(--sans);-webkit-overflow-scrolling:touch}.slash-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;text-align:left;background:transparent;border:0;border-radius:5px;padding:7px 10px;font:inherit;color:var(--fg);cursor:pointer}.slash-item.selected,.slash-item:hover{background:var(--bg-3)}.slash-label{font-size:14px;font-weight:500}.slash-hint{font-family:var(--mono);font-size:11.5px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.ctx-menu{position:fixed;z-index:200;min-width:180px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:4px;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;font-size:14px}.ctx-item{text-align:left;width:100%;background:transparent;border:0;border-radius:5px;padding:8px 12px;font:inherit;color:var(--fg);cursor:pointer}.ctx-item:hover{background:var(--bg-3)}.ctx-item.destructive{color:var(--danger)}.ctx-item.destructive:hover{background:color-mix(in srgb,var(--danger) 14%,transparent)}.ctx-sep{height:1px;background:var(--line);margin:4px 6px}.modal-backdrop{position:fixed;inset:0;background:#0000008c;z-index:100;display:grid;place-items:center;padding:24px;backdrop-filter:blur(2px)}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;width:min(640px,100%);max-height:min(720px,100%);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000073}.modal-head{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);align-items:center}.modal-head input[type=search]{flex:1}.modal-head button{font-size:13px;padding:6px 12px}.modal-hint{padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--fg-2);line-height:1.5}.modal-hint code{background:var(--bg-3);padding:1px 5px;border-radius:3px;font-family:var(--mono);font-size:11px}.theme-list{overflow:auto;padding:6px;display:flex;flex-direction:column;gap:2px;-webkit-overflow-scrolling:touch}.theme-row{text-align:left;width:100%;background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;display:block}.theme-row:hover{background:var(--bg-3)}.theme-row.selected{background:var(--bg-3);border-color:var(--accent)}.theme-row .theme-name{font-size:14px;font-weight:500;color:var(--fg);display:flex;align-items:baseline;gap:10px}.theme-row .theme-tags{font-size:11px;color:var(--fg-3);font-weight:400;text-transform:lowercase;letter-spacing:.02em}.theme-row .theme-tagline{font-size:13px;color:var(--fg-2);margin-top:2px;line-height:1.4}.theme-row[disabled]{opacity:.6}.theme-loading,.theme-error{padding:16px;font-size:13px;color:var(--fg-2);text-align:center}.theme-error{color:var(--danger)}@media (max-width: 720px){.modal-backdrop{padding:0}.modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}}