:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f0f2f7;--text:#1c2333;--muted:#5b6478;--border:#d9dee8;--accent:#3554d1;--accent-text:#fff;--success:#15803d;--warning:#b45309;--danger:#b91c1c;--radius:10px;--shadow:0 1px 2px #1018280f, 0 4px 12px #1018280f;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11151f;--surface:#1a2030;--surface-2:#232a3d;--text:#e6e9f2;--muted:#9aa3b8;--border:#313a52;--accent:#7b93ff;--accent-text:#0b1020}}:root[data-theme=dark]{--bg:#11151f;--surface:#1a2030;--surface-2:#232a3d;--text:#e6e9f2;--muted:#9aa3b8;--border:#313a52;--accent:#7b93ff;--accent-text:#0b1020}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--accent)}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:1.5rem 0 .5rem;font-size:1.2rem}h3{margin:1rem 0 .4rem;font-size:1rem}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}pre{white-space:pre-wrap;word-break:break-word}button,[data-ui=btn]{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.92rem;display:inline-flex}button:hover:not(:disabled),[data-ui=btn]:hover{border-color:var(--accent)}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}[data-variant=primary]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}[data-variant=danger]{background:var(--danger);color:#fff;border-color:var(--danger)}[data-variant=ghost]{background:0 0;border-color:#0000}[data-variant=link]{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:.45rem .6rem;font-size:.95rem}input[type=checkbox],input[type=radio]{width:auto;padding:0}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label{font-size:.9rem}[data-ui=field]{flex-direction:column;gap:.25rem;max-width:420px;margin:.5rem 0;display:flex}[data-ui=field]>span:first-child{font-size:.85rem;font-weight:600}[data-ui=inline]{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}[data-ui=error]{color:var(--danger);font-size:.85rem}[data-ui=hint]{color:var(--muted);font-size:.85rem}[data-ui=card]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:.75rem 0;padding:1rem 1.1rem}[data-ui=grid]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;display:grid}[data-ui=row]{flex-wrap:wrap;gap:1rem;display:flex}[data-ui=badge]{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}[data-ui=badge][data-tone=success]{color:var(--success);border-color:currentColor}[data-ui=badge][data-tone=warning]{color:var(--warning);border-color:currentColor}[data-ui=badge][data-tone=danger]{color:var(--danger);border-color:currentColor}[data-ui=badge][data-tone=info]{color:var(--accent);border-color:currentColor}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.45rem .6rem}th{background:var(--surface-2);font-weight:600}details>summary{cursor:pointer;font-weight:600}hr{border:none;border-top:1px solid var(--border);margin:1.25rem 0}[data-ui=app]{flex-direction:column;min-height:100vh;display:flex}[data-ui=header]{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}[data-ui=brand]{color:var(--text);font-weight:700;text-decoration:none}[data-ui=header] nav{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}[data-ui=main]{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.25rem 1rem 3rem}[data-ui=footer]{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.8rem;display:flex}[data-ui=footer] code{background:var(--surface-2);word-break:break-all;border-radius:4px;padding:.1rem .35rem}[data-ui=crumbs]{color:var(--muted);margin-bottom:.5rem;font-size:.85rem}[data-ui=mock-label]{color:#7a4b00;background:#fff4d6;border:1px solid #f0c36a;border-radius:6px;margin-left:.5rem;padding:.15rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}[data-ui=env-banner]{color:#fff;text-align:center;background:#7c3aed;padding:.2rem;font-size:.8rem;font-weight:700}[data-ui=local-banner]{background:var(--surface-2);color:var(--muted);text-align:center;padding:.2rem;font-size:.75rem}[data-ui=state-panel]{margin-top:2rem}[data-ui=state-panel] pre{color:#d1e7ff;background:#0f172a;border-radius:8px;max-height:360px;padding:.8rem;overflow:auto}#tp-state:before{content:attr(data-json)}[data-ui=samples]{margin:1rem 0}[data-ui=samples] ol{margin:.3rem 0 .3rem 1.2rem;padding:0}[data-ui=samples] li{margin:.15rem 0}[data-ui=backdrop]{z-index:900;background:#0a0f1e73;position:fixed;inset:0}[data-ui=drawer]{z-index:901;background:var(--surface);border-left:1px solid var(--border);width:min(420px,100vw);padding:1rem;position:fixed;top:0;bottom:0;right:0;overflow:auto}[data-ui=modal]{z-index:950;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(440px,100vw - 32px);padding:1.1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000040}[data-ui=toast-stack]{z-index:980;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:16px;right:16px}[data-ui=toast]{color:#fff;min-width:220px;box-shadow:var(--shadow);background:#111827;border-radius:8px;padding:.6rem .9rem;font-size:.9rem}[data-ui=toast][data-tone=success]{background:var(--success)}[data-ui=toast][data-tone=danger]{background:var(--danger)}[data-ui=toast][data-tone=warning]{background:var(--warning)}[data-ui=cookie-banner]{z-index:960;background:var(--surface);border-top:2px solid var(--accent);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}[data-ui=trap-overlay]{z-index:970;cursor:wait;background:0 0;position:fixed;inset:0}[data-ui=help-widget]{z-index:940;background:var(--accent);width:64px;height:64px;color:var(--accent-text);border-radius:50%;place-items:center;font-weight:700;display:grid;position:fixed;bottom:18px;right:18px}[data-ui=popover]{z-index:600;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;min-width:180px;padding:.3rem;position:absolute}[data-ui=menu-item]{text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:.4rem .6rem;display:block}[data-ui=menu-item]:hover,[data-ui=menu-item][data-active=true]{background:var(--surface-2)}@media (width<=768px){[data-ui=header] nav[data-collapsible=true]{display:none}[data-ui=header] nav[data-collapsible=true][data-open=true]{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;padding:.75rem;display:flex;position:absolute;top:100%;left:0;right:0}[data-ui=hamburger]{margin-left:auto;display:inline-flex!important}h1{font-size:1.35rem}}[data-ui=hamburger]{display:none}