:root{--c-bg:#fff;--c-panel:#f7f7f8;--c-fg:#1d1d1f;--c-muted:#6b6b73;--c-line:#e4e4e7;--c-hover:#efeff1;--c-accent:#2563eb;--c-accent-fg:#fff;--c-danger:#dc2626;--c-add:#16a34a24;--c-del:#dc262624;--c-mark:#fde68a;--sb-w:264px;--bar-h:48px;--bottom-h:calc(56px + env(safe-area-inset-bottom));--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--c-bg:#141416;--c-panel:#1a1a1e;--c-fg:#ececef;--c-muted:#9a9aa3;--c-line:#2c2c32;--c-hover:#25252b;--c-accent:#7aa2ff;--c-accent-fg:#0b1020;--c-danger:#f87171;--c-add:#4ade8024;--c-del:#f8717129;--c-mark:#facc1559;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}mark{background:var(--c-mark);color:inherit;border-radius:2px}[hidden]{display:none!important}.app{grid-template-columns:var(--sb-w) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.app[data-sidebar=collapsed]{grid-template-columns:0 minmax(0,1fr)}.app[data-sidebar=collapsed] .sidebar{visibility:hidden}.sidebar{background:var(--c-panel);border-right:1px solid var(--c-line);flex-direction:column;min-height:0;display:flex;position:relative}.sb-head{height:var(--bar-h);flex-shrink:0;align-items:center;gap:4px;padding:0 8px 0 12px;display:flex}.sb-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 6px 12px;overflow-y:auto}.sb-foot{border-top:1px solid var(--c-line);padding:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.sb-item{width:100%;min-height:34px;color:var(--c-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:14px;text-decoration:none;display:flex}.sb-item:hover{background:var(--c-hover);color:var(--c-fg)}.sb-item kbd{font:11px var(--mono);opacity:.7;margin-left:auto}.sb-resizer{cursor:col-resize;z-index:5;width:6px;height:100%;position:absolute;top:0;right:-3px}.sb-resizer:hover,.sb-resizer.dragging{background:var(--c-accent);opacity:.4}.backdrop{display:none}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{height:var(--bar-h);border-bottom:1px solid var(--c-line);flex-shrink:0;align-items:center;gap:4px;padding:0 8px;display:flex}.crumbs{min-width:0;color:var(--c-muted);white-space:nowrap;flex:0 auto;align-items:center;gap:2px;font-size:13px;display:flex;overflow:hidden}.crumbs a{text-overflow:ellipsis;border-radius:4px;max-width:140px;padding:2px 4px;text-decoration:none;overflow:hidden}.crumbs a:hover{background:var(--c-hover);color:var(--c-fg)}.title-input{text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;flex:120px;min-width:60px;height:34px;padding:0 8px;font-size:15px;font-weight:600}.title-input:hover{border-color:var(--c-line)}.title-input:focus{border-color:var(--c-accent);outline:none}.status{color:var(--c-muted);white-space:nowrap;padding:0 4px;font-size:12px}.status[data-state=conflict],.status[data-state=error]{color:var(--c-danger);font-weight:600}.status[data-state=dirty]:before,.status[data-state=saving]:before{content:"";background:var(--c-muted);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.seg{border:1px solid var(--c-line);border-radius:8px;flex-shrink:0;padding:2px;display:inline-flex}.seg :is(button,a){height:28px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:13px;text-decoration:none;display:inline-flex}.seg button[aria-pressed=true],.seg a[aria-current=true]{background:var(--c-hover);color:var(--c-fg)}.panes{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.panes[data-view=edit],.panes[data-view=preview]{grid-template-columns:minmax(0,1fr)}.panes[data-view=edit] .preview-pane,.panes[data-view=preview] .editor-pane{display:none}.editor-pane{border-right:1px solid var(--c-line);flex-direction:column;min-height:0;display:flex}.panes[data-view=edit] .editor-pane{border-right:0}.editor-toolbar{border-bottom:1px solid var(--c-line);height:36px;color:var(--c-muted);flex-shrink:0;align-items:center;gap:4px;padding:0 6px;font-size:12px;display:flex}.editor-form{flex-direction:column;flex:1;min-height:0;display:flex}.editor-host{flex:1;min-height:0}.editor-host .cm-editor{height:100%}.editor-host .cm-editor.cm-focused{outline:none}.editor-host .cm-scroller{font-family:var(--mono);font-size:13.5px;line-height:1.6}.source-fallback{box-sizing:border-box;resize:none;background:var(--c-bg);width:100%;font:13.5px/1.6 var(--mono);border:0;outline:none;flex:1;padding:12px 16px}.editor-ready .source-fallback{display:none}.preview-pane{background:var(--c-bg);min-height:0;overflow:auto}.preview-pane>.prose{max-width:760px;margin:0 auto;padding:20px 24px 64px}.preview-frame{background:#fff;border:0;width:100%;height:100%;display:block}.text-preview{font:13.5px/1.6 var(--mono);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px 20px 64px}.empty-hint{color:var(--c-muted);text-align:center;padding:32px 24px}.conflict{border:1px solid var(--c-danger);border-radius:8px;flex-shrink:0;max-height:45%;margin:8px;padding:10px 12px;font-size:14px;overflow:auto}.conflict:empty{display:none}.conflict p{margin:0 0 8px}.conflict-actions{gap:8px;margin-top:8px;display:flex}.diff{font:12.5px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word;border:1px solid var(--c-line);border-radius:6px;overflow:hidden}.diff>div{padding:0 8px}.diff span{width:1.5ch;color:var(--c-muted);-webkit-user-select:none;user-select:none;display:inline-block}.diff-add{background:var(--c-add)}.diff-del{background:var(--c-del)}.diff-gap{color:var(--c-muted);background:var(--c-panel);text-align:center}.tree{margin:0;padding:0;list-style:none}.tree .tree{padding-left:14px}.tree-item.collapsed>.tree{display:none}.tree-row{border-radius:6px;align-items:center;gap:1px;min-height:32px;padding-right:2px;font-size:14px;display:flex}.tree-row:hover,.tree-row:focus-within{background:var(--c-hover)}.tree-row.active{background:var(--c-hover);font-weight:600}.tree-link{flex:1;align-items:center;gap:6px;min-width:0;padding:4px 2px;text-decoration:none;display:flex}.tree-link>.label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.twisty{width:22px;height:22px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s;display:inline-flex}.twisty:hover{background:var(--c-line)}.tree-item:not(.collapsed)>.tree-row>.twisty{transform:rotate(90deg)}.twisty-spacer{flex-shrink:0;width:22px}.row-btn{width:26px;height:26px;color:var(--c-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree-row:hover .row-btn,.tree-row:focus-within .row-btn,.row-menu[open] .row-btn{opacity:1}.row-btn:hover{background:var(--c-line);color:var(--c-fg)}@media (hover:none){.row-btn{opacity:1}}.fmt{border:1px solid var(--c-line);min-width:18px;color:var(--c-muted);font:600 9.5px/14px var(--mono);text-align:center;border-radius:3px;flex-shrink:0;padding:0 3px;font-weight:600}.tree-row.drop-before{box-shadow:inset 0 2px 0 var(--c-accent)}.tree-row.drop-after{box-shadow:inset 0 -2px 0 var(--c-accent)}.tree-row.drop-inside{outline:2px solid var(--c-accent);outline-offset:-2px}.tree-row.dragging{opacity:.4}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-pop{z-index:60;border:1px solid var(--c-line);background:var(--c-bg);border-radius:8px;min-width:210px;padding:4px;font-weight:400;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 28px #00000029}.menu-pop :is(button,a,label){text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 10px;font-size:14px;text-decoration:none;display:flex}.menu-pop :is(button,a,label):hover{background:var(--c-hover)}.menu-pop>.danger{color:var(--c-danger)}.menu-pop hr{border:0;border-top:1px solid var(--c-line);margin:4px 0}.menu-pop .menu-label{color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 2px;font-size:11px}.menu-pop input[type=radio]{accent-color:var(--c-accent)}.palette{border:1px solid var(--c-line);background:var(--c-bg);width:min(620px,100vw - 32px);max-height:min(560px,80dvh);color:var(--c-fg);border-radius:12px;margin:12vh auto auto;padding:0;overflow:hidden;box-shadow:0 24px 64px #00000047}.palette[open]{flex-direction:column;display:flex}.palette::backdrop{background:#00000059}.palette-input{border:0;border-bottom:1px solid var(--c-line);box-sizing:border-box;background:0 0;outline:none;width:100%;height:52px;padding:0 16px;font-size:16px}.palette-body{padding:6px;overflow-y:auto}.palette-group{color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px 4px;font-size:11px}.palette-list{margin:0;padding:0;list-style:none}[data-palette-item]{text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:40px;padding:6px 10px;text-decoration:none;display:flex}[data-palette-item][aria-selected=true]{background:var(--c-hover)}.hit-title{font-weight:500}.hit-snippet{color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.bottombar{display:none}@media (width<=767px){.app,.app[data-sidebar=collapsed]{grid-template-columns:minmax(0,1fr)}.sidebar,.app[data-sidebar=collapsed] .sidebar{visibility:visible;z-index:50;width:min(86vw,330px);transition:transform .2s,box-shadow .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.app[data-drawer=open] .sidebar{transform:none;box-shadow:0 0 40px #00000040}.app[data-drawer=open] .backdrop{z-index:45;background:#0006;display:block;position:fixed;inset:0}.sb-resizer,.desktop-only{display:none!important}.tree-row{min-height:40px;font-size:15px}.main{padding-bottom:var(--bottom-h)}.panes,.panes[data-view=split]{grid-template-columns:minmax(0,1fr)}.panes[data-view=split] .preview-pane{display:none}.editor-pane{border-right:0}.editor-host .cm-scroller,.source-fallback{font-size:16px}.crumbs{display:none}.bottombar{z-index:40;height:var(--bottom-h);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--c-line);background:var(--c-panel);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.bottombar>*{color:var(--c-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.bottombar>[aria-pressed=true]{color:var(--c-accent)}.palette{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin-top:8px}}@media (width>=768px){.mobile-only{display:none!important}}.app:not([data-sidebar=collapsed]) .show-sidebar,.editor-host:empty{display:none}.editor-ready .editor-form{flex:0}.center-card{box-sizing:border-box;place-items:center;min-height:100dvh;padding:16px;display:grid}.card{border:1px solid var(--c-line);background:var(--c-bg);box-sizing:border-box;border-radius:14px;width:100%;max-width:380px;padding:28px 24px}.login-msg{margin:12px 0 0;font-size:14px}.login-msg[data-state=invalid],.login-msg[data-state=limited]{color:var(--c-danger)}.page-scroll{flex:1;min-height:0;overflow:auto}.list-row{border-bottom:1px solid var(--c-line);align-items:center;gap:10px;min-height:48px;padding:6px 12px;text-decoration:none;display:flex}a.list-row:hover,.list-row[aria-current=true]{background:var(--c-hover)}.history{grid-template-columns:300px minmax(0,1fr);min-height:100%;display:grid}.history-list{border-right:1px solid var(--c-line)}.history-detail{min-width:0;padding:16px}.history-detail pre{border:1px solid var(--c-line);font:12.5px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:12px}@media (width<=767px){.history{grid-template-columns:minmax(0,1fr)}.history-list{border-right:0;border-bottom:1px solid var(--c-line);max-height:40dvh;overflow:auto}}:root{--hl-heading:#1d4ed8;--hl-strong:inherit;--hl-link:#0369a1;--hl-tag:#b91c1c;--hl-attr:#a16207;--hl-string:#15803d;--hl-comment:#8a8a93;--hl-meta:#7c3aed;--hl-selection:#2563eb2e}:root.dark{--hl-heading:#93b4ff;--hl-link:#7dd3fc;--hl-tag:#fca5a5;--hl-attr:#fcd34d;--hl-string:#86efac;--hl-comment:#7c7c86;--hl-meta:#c4b5fd;--hl-selection:#7aa2ff40}.toast{left:50%;bottom:calc(var(--bottom-h) + 12px);z-index:80;background:var(--c-fg);max-width:calc(100vw - 32px);color:var(--c-bg);border-radius:8px;padding:10px 14px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0003}@media (width>=768px){.toast{bottom:20px}}