:root{color-scheme:light dark;--bg: #0f1115;--panel: #171a21;--panel-2: #1e2330;--border: #2a3142;--text: #e8ecf4;--muted: #9aa6bd;--accent: #6ea8fe;--accent-2: #3d7eff;--danger: #ff6b6b;--ok: #63d391;--warn: #f0c14b;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--sans);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);border-radius:8px;padding:.45rem .75rem}button.primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;font-weight:600}button.danger{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;width:100%}a{color:var(--accent);text-decoration:none}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--panel)}.topbar h1{font-size:1rem;margin:0;letter-spacing:.02em}.topbar .spacer{flex:1}.muted{color:var(--muted)}.center-card{max-width:420px;margin:10vh auto;padding:1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;display:grid;gap:.85rem}.center-card h2{margin:0}.error-banner{background:color-mix(in srgb,var(--danger) 15%,var(--panel));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));color:#ffd5d5;padding:.65rem .85rem;border-radius:8px;white-space:pre-wrap}.warn-banner{background:color-mix(in srgb,var(--warn) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--warn) 40%,var(--border));color:#ffe8a8;padding:.65rem .85rem;border-radius:8px}.ok-banner{background:color-mix(in srgb,var(--ok) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--ok) 40%,var(--border));color:#c9f5d9;padding:.65rem .85rem;border-radius:8px}.page{padding:1rem;max-width:1100px;margin:0 auto;width:100%}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:.75rem}.project-list{display:grid;gap:.6rem}.project-card{display:flex;gap:.75rem;align-items:center;padding:.85rem 1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px}.project-card .meta{flex:1;min-width:0}.project-card .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;height:calc(100vh - 57px)}.editor-toolbar{grid-column:1 / -1;display:flex;gap:.6rem;align-items:center;padding:.55rem .75rem;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.tree-pane{border-right:1px solid var(--border);background:var(--panel);overflow:auto;padding:.5rem}.editor-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.editor-empty{margin:auto;color:var(--muted)}.cm-wrap{flex:1;min-height:0;overflow:hidden}.cm-editor{height:100%}.cm-scroller{font-family:var(--mono)!important;font-size:14px;line-height:1.55}.tree-item{display:flex;align-items:center;gap:.25rem;padding:.2rem .35rem;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-item:hover{background:var(--panel-2)}.tree-item.active{background:color-mix(in srgb,var(--accent) 18%,var(--panel-2))}.tree-item .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item .icon{width:1.1rem;color:var(--muted);font-size:.85rem}.tree-actions{display:flex;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap}.tree-actions button{padding:.3rem .45rem;font-size:.85rem}.badge{display:inline-block;padding:.1rem .4rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem;color:var(--muted)}.badge.head{border-color:color-mix(in srgb,var(--ok) 50%,var(--border));color:var(--ok)}.badge.dirty{border-color:color-mix(in srgb,var(--warn) 50%,var(--border));color:var(--warn)}.history-list{display:grid;gap:.5rem}.history-item{padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:grid;gap:.35rem}.history-item .id{font-family:var(--mono);font-size:.85rem}.tabs{display:flex;gap:.4rem}.tabs button.active{border-color:var(--accent);color:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem;display:grid;gap:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:800px){.editor-layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto;min-height:calc(100vh - 57px)}.tree-pane{border-right:none;border-bottom:1px solid var(--border);max-height:220px}.editor-pane{min-height:50vh}}