:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;--bg:#090b12;--panel:#10141fe0;--panel-strong:#151a27;--text:#f5f7fb;--muted:#9da7ba;--border:#ffffff1a;--primary:#8b5cf6;--primary-strong:#7c3aed;--success:#21c55d;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8;--shadow:0 24px 80px #00000047;background:#090b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;--bg:#f6f8fb;--panel:#ffffffe6;--panel-strong:#fff;--text:#111827;--muted:#607089;--border:#0f172a1f;--shadow:0 24px 70px #0f172a14;background:#f6f8fb}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #7c3aed38, transparent 34rem), radial-gradient(circle at top right, #38bdf824, transparent 32rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}pre{border:1px solid var(--border);color:#dbeafe;background:#0307128c;border-radius:18px;margin:0;padding:18px;overflow:auto}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090b12c7;height:100vh;padding:24px 18px;position:sticky;top:0}:root[data-theme=light] .sidebar{background:#ffffffbf}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), #38bdf8);border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand span{display:block}.brand span,.nav-item,.nav-section,.project-context span,.project-context small,.search-box,.balance-pill span,.page-header p,.card-heading span,.table-row span,.metric-card span,.metric-card small,.mini-stat span,.mini-stat small,.stack-item span,.model-card p,.doc-card p,.plan-card p{color:var(--muted)}.project-context{border:1px solid var(--border);background:#8b5cf61a;border-radius:18px;gap:4px;margin-bottom:18px;padding:14px;display:grid}.project-context span,.project-context small,.nav-section{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.sidebar-nav{gap:6px;display:grid}.nav-section{padding:16px 12px 4px}.nav-item{border-radius:14px;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;transition:background .2s,color .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text);background:#8b5cf624}.main-shell{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090b12bd;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}:root[data-theme=light] .topbar{background:#f6f8fbc7}.search-box,.org-switcher,.switcher-label select,.balance-pill,.icon-button,.user-menu,.primary-button,.ghost-button,.danger-button{border:1px solid var(--border);border-radius:14px;align-items:center;gap:8px;display:inline-flex}.search-box{background:var(--panel);flex:1;max-width:460px;padding:11px 14px}.switcher-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:4px;font-size:.72rem;font-weight:800;display:grid}.switcher-label select{min-width:148px;color:var(--text);padding:9px 34px 9px 12px}.topbar-actions{align-items:center;gap:10px;display:flex}.org-switcher,.balance-pill,.icon-button,.user-menu,.ghost-button{background:var(--panel);color:var(--text)}.org-switcher,.balance-pill,.user-menu,.ghost-button,.danger-button,.primary-button{padding:10px 13px}.icon-button,.user-menu span{justify-content:center;width:40px;height:40px}.user-menu{padding:0 8px 0 0}.user-menu span{color:#fff;background:linear-gradient(135deg, #111827, var(--primary));border-radius:12px;place-items:center;display:inline-grid}.primary-button{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-color:#0000;font-weight:700}a.primary-button,a.ghost-button{text-decoration:none}.danger-button{color:#fca5a5;background:#ef44441f;border-color:#ef444447}.page-shell{width:min(1440px,100%);margin:0 auto;padding:34px 28px 56px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.page-header h1{letter-spacing:-.055em;margin:6px 0 8px;font-size:clamp(2rem,3.4vw,3.6rem);line-height:.95}.page-header p{max-width:720px;margin:0;font-size:1.02rem}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.metric-grid,.plans-grid,.model-grid,.docs-grid,.settings-grid,.projects-grid{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-grid.compact{grid-template-columns:repeat(7,minmax(0,1fr));margin:0}.two-column,.playground-grid,.docs-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:16px;display:grid}.card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;padding:22px}.metric-card{gap:10px;display:grid}.metric-card strong{letter-spacing:-.04em;font-size:2rem}.hero-card{background:linear-gradient(135deg, #8b5cf63d, #38bdf81f), var(--panel);min-height:300px}.hero-card h2{letter-spacing:-.055em;max-width:460px;margin:18px 0 12px;font-size:2.5rem}.card-heading,.plan-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-heading h2,.plan-topline h2,.doc-card h2,.model-card h2{margin:0}.table-list,.stack-list,.form-grid{gap:12px;display:grid}.table-row{border:1px solid var(--border);background:#ffffff08;border-radius:16px;grid-template-columns:minmax(180px,1fr) repeat(3,auto);align-items:center;gap:14px;padding:14px;display:grid}.table-row div span,.key-title span{margin-top:3px;display:block}.api-key-row{grid-template-columns:minmax(220px,1fr) auto auto auto auto auto auto auto auto}.key-title{align-items:center;gap:12px;display:flex}.badge{text-transform:capitalize;border-radius:999px;width:fit-content;padding:5px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.badge-neutral{color:var(--muted);background:#94a3b824}.badge-success{color:var(--success);background:#22c55e21}.badge-warning{color:var(--warning);background:#f59e0b21}.badge-danger{color:var(--danger);background:#ef444421}.badge-info{color:var(--info);background:#38bdf821}.success-card{background:linear-gradient(135deg, #22c55e24, transparent), var(--panel);justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.success-card code{color:#bbf7d0;background:#03071285;border-radius:14px;padding:14px}.key-section{margin-bottom:16px}.empty-state{border:1px dashed var(--border);color:var(--muted);background:#ffffff08;border-radius:16px;padding:16px}.modal-backdrop{z-index:30;background:#030712b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{width:min(640px,100%)}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.progress-track{background:#94a3b82e;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--info));height:100%}.bar-chart{justify-content:space-between;align-items:end;gap:12px;height:260px;padding-top:22px;display:flex}.bar-column{text-align:center;height:100%;color:var(--muted);flex:1;grid-template-rows:1fr auto;align-items:end;gap:10px;display:grid}.bar{background:linear-gradient(180deg, var(--primary), #38bdf8b8);border-radius:14px 14px 6px 6px;width:100%;min-height:24px}.stack-item{grid-template-columns:minmax(150px,1fr) minmax(120px,1fr) auto;align-items:center;gap:14px;display:grid}.mini-stat{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:14px}.mini-stat strong,.mini-stat span,.mini-stat small{display:block}.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{gap:16px;display:grid}.project-card p{min-height:48px;color:var(--muted);margin:0}.project-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.project-stats div{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:12px}.project-stats span{color:var(--muted);font-size:.78rem;display:block}.project-stats strong{margin-top:6px;display:block}.inline-actions,.project-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plan-card{gap:12px;display:grid}.plan-card.current{border-color:#8b5cf673}.plan-card>strong{font-size:2rem}.plan-card ul{color:var(--muted);gap:8px;margin:0;padding-left:18px;display:grid}.model-grid,.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;display:grid}.model-card dt{color:var(--muted);font-size:.8rem}.model-card dd{margin:4px 0 0;font-weight:800}.docs-layout{align-items:start}.docs-quickstart{position:sticky;top:96px}.doc-card{gap:12px;display:grid}.playground-grid{align-items:start}.form-grid label{color:var(--muted);gap:8px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:14px;padding:12px 14px}textarea{resize:vertical}.slider-row{grid-template-columns:minmax(0,1fr) 150px;gap:14px;display:grid}.mock-response{color:var(--muted);margin:0;line-height:1.7}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-card{grid-column:1/-1}.toggle-row{border:1px solid var(--border);color:var(--text);border-radius:16px;align-items:center;gap:12px;margin-top:12px;padding:14px;display:flex}.toggle-row input{width:auto}@media (max-width:1160px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.brand div:last-child,.nav-item span{display:none}.metric-grid,.plans-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.playground-grid,.docs-layout,.settings-grid{grid-template-columns:1fr}.docs-quickstart{position:static}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar,.page-header,.success-card{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap}.metric-grid,.metric-grid.compact,.plans-grid,.projects-grid,.model-grid,.docs-grid,.table-row,.api-key-row,.stack-item,.slider-row,.project-stats,.permission-grid{grid-template-columns:1fr}}