:root{--bg:#fbfaf8;--surface:#fff;--surface-2:#f1efeb;--text:#1d1c1a;--muted:#6b6862;--border:#dedad3;--accent:#2f5fd0;--accent-text:#fff;--danger:#b3261e;--warn-bg:#fff3d6;--warn-text:#5b4300;--warn:#b7791f;--ok:#1a7f4b;--highlight:#ffe58a;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#17181a;--surface:#1f2023;--surface-2:#2a2b2f;--text:#e8e6e1;--muted:#9c9a94;--border:#37383d;--accent:#8fb0ff;--accent-text:#10182b;--danger:#ff8a80;--warn-bg:#3d3212;--warn-text:#ffe2a0;--warn:#e0b050;--ok:#7bd8a5;--highlight:#6b5612;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font);margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:6px 10px}textarea{resize:vertical;line-height:1.5}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}button.danger{background:var(--danger);border-color:var(--danger);color:var(--surface)}input{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:6px 10px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}code{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:1px 5px}.error{color:var(--danger);margin:0}.spacer{flex:1}.centered{place-items:center;min-height:100%;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;width:min(360px,100%);padding:24px;display:flex}.card h1,.card h2{margin:0 0 4px;font-size:20px}.card p{margin:0}.card label{color:var(--muted);font-size:13px}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.home{min-height:100%}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:900px;margin:0 auto;padding:24px 16px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:10px;padding:18px;text-decoration:none;display:block}a.tool-card:hover{border-color:var(--accent)}.tool-card.disabled{opacity:.6}.tool-card h2{margin:0 0 6px;font-size:17px}.tool-card p{color:var(--muted);margin:0}.badge{border:1px solid var(--border);vertical-align:middle;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500}.md{grid-template:"top top""side main"minmax(0,1fr)"side foot"/260px minmax(0,1fr);height:100%;display:grid}.md>.topbar{grid-area:top}.sidebar{border-right:1px solid var(--border);background:var(--surface);grid-area:side;overflow-y:auto}.editor-pane{grid-area:main;min-width:0;overflow-y:auto}.statusbar{color:var(--muted);border-top:1px solid var(--border);grid-area:foot;padding:4px 16px;font-size:12px}.sidebar-toggle{display:none}.crumb{text-decoration:none}.crumb-sep{color:var(--muted)}.doc-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status{color:var(--muted);white-space:nowrap;font-size:13px}.status-conflict,.status-error{color:var(--danger)}.segmented{display:flex}.segmented button{border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:6px 0 0 6px;margin-left:0}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button[aria-pressed=true]{background:var(--surface-2);font-weight:600}.banner{background:var(--warn-bg);color:var(--warn-text);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.banner button{color:var(--text)}.empty{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.empty p{margin:0}.tree{padding:10px 8px}.tree ul{margin:0;padding:0;list-style:none}.tree-toolbar{gap:6px;margin-bottom:8px;display:flex}.tree-toolbar button{flex:1;font-size:13px}.tree-filter{margin-bottom:8px;font-size:13px}.tree-row{border-radius:6px;align-items:center;padding-right:4px;display:flex}.tree-row:hover,.tree-row:focus-within{background:var(--surface-2)}.tree-row.selected{background:var(--surface-2);font-weight:600}.tree-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:inherit;background:0 0;border:0;flex:1;padding:4px 2px;overflow:hidden}.tree-name:hover:not(:disabled){background:0 0}.tree-icon{width:14px;color:var(--muted);display:inline-block}.tree-actions{gap:2px;display:none}.tree-row:hover .tree-actions,.tree-row:focus-within .tree-actions{display:flex}.tree-actions button{color:var(--muted);background:0 0;border:0;padding:0 6px;font-weight:400}.tree-actions button:hover:not(:disabled){color:var(--text);background:var(--border)}.tree-empty{color:var(--muted);padding:8px;font-size:13px}.overlay{z-index:100;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{width:min(420px,100%)}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.rich-editor{max-width:820px;min-height:100%;margin:0 auto}.rich-editor .milkdown{--crepe-color-background:var(--bg);--crepe-color-on-background:var(--text);--crepe-color-surface:var(--surface);--crepe-color-surface-low:var(--surface-2);--crepe-color-on-surface:var(--text);--crepe-color-on-surface-variant:var(--muted);--crepe-color-outline:var(--muted);--crepe-color-primary:var(--accent);--crepe-color-secondary:var(--surface-2);--crepe-color-on-secondary:var(--text);--crepe-color-inverse:var(--text);--crepe-color-on-inverse:var(--bg);--crepe-color-inline-code:var(--danger);--crepe-color-error:var(--danger);--crepe-color-hover:var(--surface-2);--crepe-color-selected:var(--border);--crepe-color-inline-area:var(--surface-2);--crepe-base-font-size:16px;--crepe-font-title:var(--font-serif);--crepe-font-default:var(--font);--crepe-font-code:var(--font-mono);--crepe-shadow-1:0 1px 3px #0003;--crepe-shadow-2:0 4px 14px #00000040}.rich-editor .milkdown .ProseMirror{padding:32px 48px 96px}.source-editor{max-width:900px;min-height:100%;margin:0 auto}.source-editor .cm-editor{background:0 0;min-height:100%;font-size:14px}.source-editor .cm-editor.cm-focused{outline:none}.source-editor .cm-scroller{font-family:var(--font-mono);padding:16px 8px;line-height:1.6}.source-editor .cm-gutters{color:var(--muted);background:0 0;border:0}@media (width<=760px){.md{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main""foot"}.sidebar-toggle{display:block}.sidebar{z-index:50;width:min(300px,85vw);transition:transform .15s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 24px #00000040}.sidebar-open .sidebar{transform:none}.tree-actions{display:flex}.topbar{flex-wrap:wrap}.crumb,.crumb-sep{display:none}.rich-editor .milkdown .ProseMirror{padding:16px 16px 96px}}@media print{.topbar,.sidebar,.statusbar,.banner{display:none!important}.md{height:auto;display:block}.editor-pane{overflow:visible}body{background:#fff}}
