:root{color-scheme:light dark;--bg:#ffffff;--fg:#1a1a1a;--muted:#6b7280;--border:#d8dce1;--accent:#2563eb;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,Segoe UI,Roboto,sans-serif}.shell{max-width:720px;margin:0 auto;padding:48px 24px}.panel{border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}.row{display:flex;gap:8px;align-items:center}input[type=text]{flex:1 1;padding:8px 10px}button,input[type=text]{border:1px solid var(--border);border-radius:6px;font-size:14px}button{padding:8px 14px;background:#f3f4f6;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.status{font-size:13px;color:var(--muted)}.status.unsaved{color:#b45309}.status.error{color:var(--danger)}.site-list{list-style:none;padding:0;margin:8px 0 0}.site-list li{padding:8px 0;border-bottom:1px solid var(--border)}.site-list button{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline}.page-list{padding-left:18px;font-size:14px;color:var(--muted)}.page-tree{list-style:none;padding:0;margin:8px 0}.page-row{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.page-row.active{background:#eff6ff}.page-row .page-title{background:none;border:none;padding:2px 4px;font-weight:600;cursor:pointer}.page-row.active .page-title{color:var(--accent)}.badge{font-size:11px;padding:1px 6px;border-radius:999px;background:#e5e7eb;color:#374151}.page-actions{display:flex;gap:4px;margin-left:auto}.page-actions button{padding:2px 8px;font-size:12px}