:root{--fg:#181818;--fg-2:#6a6a6a;--bg:#fff;--bg-2:#f5f5f4;--line:#e8e8e6;--accent:#0a6cff;--radius-s:8px;--radius-m:12px;--radius-l:20px;--font:"Geist", -apple-system, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif}[data-theme=dark]{--fg:#ececee;--fg-2:#9a9aa0;--bg:#161617;--bg-2:#1e1e20;--line:#2c2c2f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--bg);border-radius:var(--radius-s);cursor:pointer;padding:6px 14px}button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}button:disabled{opacity:.4;cursor:default}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);width:100%;padding:8px 12px}.layout{grid-template-columns:224px 1fr;height:100%;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:24px 12px;display:flex;overflow-y:auto}.sidebar .brand{padding:8px 12px 24px;font-size:18px;font-weight:600}.sidebar a{border-radius:var(--radius-s);color:var(--fg-2);padding:8px 12px;font-size:14px}.sidebar a.active,.sidebar a:hover{background:var(--bg-2);color:var(--fg)}.main{max-width:1200px;padding:40px 48px;overflow-y:auto}.page-title{margin-bottom:32px;font-size:24px;font-weight:600}.page-sub{color:var(--fg-2);margin-top:-24px;margin-bottom:32px;font-size:14px}.card{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg);margin-bottom:24px;padding:24px}.muted{color:var(--fg-2);font-size:14px}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}table.data th{color:var(--fg-2);font-weight:500}.chip{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.chip.ok{color:#067647;background:#ecfdf3;border-color:#a6f4c5}.chip.warn{color:#b54708;background:#fffaeb;border-color:#fedf89}.chip.err{color:#b42318;background:#fef3f2;border-color:#fecdca}.palette-overlay{z-index:50;background:#0000004d;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.palette{background:var(--bg);border-radius:var(--radius-m);border:1px solid var(--line);width:560px;padding:12px;box-shadow:0 24px 64px #00000029}.drawer{background:var(--bg);border-left:1px solid var(--line);z-index:40;width:380px;padding:24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-16px 0 48px #00000014}.kbd{border:1px solid var(--line);color:var(--fg-2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:12px}.type-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.type-card{display:block}.type-card:hover{border-color:var(--fg-2)}.type-name{margin-bottom:4px;font-weight:600}.cell-pre{white-space:pre-wrap;max-width:320px;margin:0;font-size:12px}.row-actions{white-space:nowrap;gap:8px;display:flex}.subnav{border-bottom:1px solid var(--line);gap:4px;margin-bottom:20px;padding-bottom:12px;display:flex}.subnav a{color:var(--fg-2);border-radius:8px;padding:6px 10px;font-size:13px}.subnav a:hover{color:var(--fg);background:var(--bg-2)}.subnav a.subnav-active{color:var(--fg);background:var(--bg-2);font-weight:500}