@import "https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Host Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--ink-0:#fff;--ink-50:#edf1f5;--ink-100:#d1d9e0;--ink-200:#a8b5c2;--ink-300:#7a8a99;--ink-400:#556070;--ink-500:#3a4b5e;--ink-600:#263344;--ink-700:#1e2a38;--ink-750:#192330;--ink-800:#131b26;--ink-850:#0e1520;--ink-900:#090f18;--ink-950:#060b12;--g-50:#edfff5;--g-100:#c1fad8;--g-200:#85f2b0;--g-300:#4ee88a;--g-400:#22d96e;--g-500:#0db852;--g-600:#0a9040;--g-700:#076b2e;--r-100:#fee2e2;--r-300:#fca5a5;--r-400:#f87171;--r-500:#ef4444;--r-600:#dc2626;--r-900:#1c0a0a;--a-400:#fbbf24;--a-900:#1c1200;--b-400:#60a5fa;--b-900:#0a1628;--p-400:#c084fc;--p-900:#130a2a;--bg:var(--ink-950);--bg-panel:var(--ink-900);--bg-card:var(--ink-850);--bg-raised:var(--ink-800);--bg-input:var(--ink-800);--border:#ffffff12;--border-mid:#ffffff1f;--border-hi:#fff3;--text-hi:var(--ink-50);--text-mid:var(--ink-200);--text-low:var(--ink-300);--text-mute:var(--ink-400);--accent:var(--g-400);--accent-bg:#22d96e17;--accent-ring:#22d96e38;--danger:var(--r-400);--danger-bg:#ef444417;--danger-ring:#ef444438;--warn:var(--a-400);--warn-bg:#fbbf2417;--warn-ring:#fbbf2438;--layer-official:var(--accent);--layer-live:var(--warn);--layer-activity:var(--b-400);--layer-workspace:var(--p-400);--topbar:52px;--page-padding:20px;--sidebar-width:232px;--sidebar-width-collapsed:56px;--sidebar:var(--sidebar-width);--radius:8px;--radius-lg:12px}.app-sidebar{width:var(--sidebar);min-width:var(--sidebar);transition:width .2s,min-width .2s}.app-sidebar[data-collapsed=true]{--sidebar:var(--sidebar-width-collapsed)}.sidebar-edge-toggle{z-index:30;background:var(--bg-panel);border:1px solid var(--border-mid);cursor:pointer;width:22px;height:22px;color:var(--text-mute);border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s,border-color .12s;display:flex;position:absolute;top:18px;right:0;transform:translate(50%);box-shadow:0 2px 8px #00000059}.sidebar-edge-toggle:hover{color:var(--text-hi);background:var(--bg-raised);border-color:var(--border-hi)}.desktop-sidebar{z-index:20;flex-shrink:0;position:relative;overflow:visible}#main-content{padding:var(--page-padding);box-sizing:border-box}.page-shell{width:100%;min-width:0;max-width:100%;margin:0}.ide-guide{width:100%;color:var(--text-mid);font-size:13px;line-height:1.7}.ide-guide h1{color:var(--text-hi);letter-spacing:-.03em;margin:0 0 12px;font-size:20px;font-weight:800}.ide-guide h2{color:var(--text-hi);align-items:center;gap:10px;margin:0 0 14px;padding-top:8px;font-size:15px;font-weight:700;display:flex}.ide-guide h3{color:var(--text-hi);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 8px;font-size:12px;font-weight:700}.ide-guide p{margin:0 0 12px}.ide-guide ol{margin:0 0 16px;padding-left:20px}.ide-guide li{margin-bottom:6px}.ide-guide li::marker{color:var(--text-mute)}.ide-guide code{font-family:var(--font-mono);color:var(--text-hi);background:var(--bg-raised);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px}.ide-guide pre{background:var(--ink-950);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-low);border-radius:8px;margin:8px 0 16px;padding:14px 16px;font-size:11px;line-height:1.6;overflow-x:auto}.ide-guide a,.ide-guide button.ide-inline{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.ide-guide a:hover,.ide-guide button.ide-inline:hover{text-decoration:underline}.ide-integrations-showcase{border-bottom:1px solid var(--border);flex-direction:column;gap:20px;margin-bottom:4px;padding:4px 0 28px;display:flex}.ide-integrations-category-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:11px;font-weight:700}.ide-integrations-icons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ide-integrations-icons a{border:1px solid var(--border);background:var(--bg-raised);opacity:.92;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;transition:opacity .12s,border-color .12s,transform .12s,background .12s;display:flex}.ide-integrations-icons a:hover{opacity:1;background:var(--bg-surface);border-color:var(--border-hi,var(--border));text-decoration:none;transform:translateY(-1px)}.ide-reference{border-bottom:1px solid var(--border);margin:0 0 28px;padding-bottom:24px}.ide-reference h2{color:var(--text-hi);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;padding-top:0;font-size:13px;font-weight:700}.ide-reference-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.ide-reference dl{margin:0;font-size:12px}.ide-reference dt{font-family:var(--font-mono);color:var(--text-hi);margin:0 0 2px;font-size:11px}.ide-reference dd{color:var(--text-mute);margin:0 0 10px;line-height:1.5}.ide-reference-note{color:var(--text-mute);margin:14px 0 0;font-size:12px}.ide-guide section+section{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.ide-guide-group{margin-top:28px}.ide-guide-group-title{color:var(--text-hi);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px;font-weight:700}.ide-guide-group>p{margin-bottom:16px}.ide-guide-group section+section{margin-top:28px;padding-top:24px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font);color:var(--text-hi);background:var(--bg);min-height:100vh;font-size:13px;line-height:1.55}#root{flex-direction:column;height:100vh;display:flex}*{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}.sev-critical{color:var(--r-400);background:var(--danger-bg);border:1px solid var(--danger-ring)}.sev-high{color:var(--r-300);background:#fca5a514;border:1px solid #fca5a52e}.sev-medium{color:var(--a-400);background:var(--warn-bg);border:1px solid #fbbf242e}.sev-low{color:var(--text-low);border:1px solid var(--border);background:#ffffff0a}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.card-hover{transition:border-color .15s,box-shadow .15s,transform .15s}.card-hover:hover{transform:translateY(-1px);box-shadow:0 8px 32px #0006;border-color:var(--border-mid)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(16px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes shimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.fade-up{animation:.3s cubic-bezier(.16,1,.3,1) both fadeUp}.fp-toast-enter{animation:.32s cubic-bezier(.16,1,.3,1) both toastIn}.fade-in{animation:.2s both fadeIn}.shimmer{animation:2s infinite shimmer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}input,select,textarea{font-family:var(--font);background:var(--bg-raised);border:1px solid var(--border-mid);color:var(--text-hi);border-radius:7px;outline:none;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent-ring)}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mobile-menu-button{display:none}@media (width<=768px){:root{--sidebar:0px;--page-padding:12px}.mobile-menu-button{display:flex!important}.desktop-sidebar{display:none!important}.card-hover{transform:none!important}.grid-2,.grid-3{grid-template-columns:1fr!important}}@media (width<=480px){main{padding:8px!important}}.skip-link:focus{outline-offset:2px;outline:2px solid #000;top:16px!important}.user-is-tabbing button:focus-visible,.user-is-tabbing a:focus-visible,.user-is-tabbing input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-trap-overlay{z-index:9999;position:fixed;inset:0}