:root{color:#090909;font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{letter-spacing:0}button,a,select{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#111}.site-shell{color:#090909;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand,.nav-links,.account-actions,.provider-switch,.provider-note,.copy-button,.dark-button,.ghost-button,.secondary-button,.balance-pill,.quick-row,.quick-row button,.status-line{align-items:center;display:flex}.brand{color:#050505;white-space:nowrap;gap:10px;font-size:17px;font-weight:760;text-decoration:none}.brand-mark{color:#fff;background:#070707;border-radius:7px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.nav-links{gap:18px}.nav-links a,.nav-links button{color:#3b3b3b;cursor:pointer;font:inherit;background:0 0;border:0;padding:8px 2px;font-size:14px;font-weight:650;text-decoration:none}.nav-links a.active,.nav-links button.active{color:#050505;font-weight:780}.nav-links a.active:after,.nav-links button.active:after{content:"";background:#050505;border-radius:999px;width:100%;height:2px;margin-top:6px;display:block}.account-actions{justify-content:flex-end;gap:9px}.ghost-button,.dark-button,.balance-pill,.icon-button,.secondary-button,.quick-row button{cursor:pointer;font:inherit;border-radius:8px;min-height:40px;font-size:14px;font-weight:700}.ghost-button,.balance-pill,.icon-button,.secondary-button,.quick-row button{color:#161616;background:#fff;border:1px solid #dcdcdc}.dark-button,.copy-button{color:#fff;background:#070707;border:1px solid #070707}.dark-button,.ghost-button,.balance-pill{white-space:nowrap;justify-content:center;gap:8px;padding:0 14px}.icon-button{place-items:center;width:40px;display:grid}.account-name{color:#555;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;display:inline-block;overflow:hidden}.console-layout{grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:clamp(24px,5vw,64px);padding:clamp(52px,8vw,104px) clamp(18px,4vw,56px) 36px;display:grid}.page-shell{gap:30px;min-height:calc(100vh - 72px);padding:clamp(42px,5vw,70px) clamp(18px,4vw,56px) clamp(56px,7vw,88px);display:grid}.page-head{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-head .eyebrow{margin-bottom:10px}.page-head h1{margin-bottom:0;font-size:clamp(44px,5.4vw,76px);line-height:.96}.page-status{background:#fafafa;border:1px solid #ededed;border-radius:8px;min-height:42px;padding:0 12px}.keys-page .keys-panel{margin-top:0}.keys-page .table-wrap{margin-top:8px}.usage-page .usage-dashboard{margin-top:0}.usage-page .usage-table-wrap{height:clamp(360px,52vh,680px);max-height:none}.console-intro{align-self:center;max-width:860px}.eyebrow{color:#6f6f6f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:780;line-height:1.4}h1,h2,h3,p{margin-top:0}h1{color:#050505;letter-spacing:0;margin-bottom:24px;font-size:clamp(62px,11vw,148px);font-weight:780;line-height:.9}h2{color:#050505;letter-spacing:0;margin-bottom:16px;font-size:clamp(30px,4vw,48px);font-weight:740;line-height:1.05}h3{color:#070707;letter-spacing:0;margin-bottom:12px;font-size:21px;font-weight:720;line-height:1.18}.hero-lede{color:#5f5f5f;max-width:760px;font-size:clamp(19px,2vw,28px);line-height:1.36}.status-card,.config-panel,.preview-panel,.bottom-grid article,.drawer{background:#fff;border:1px solid #e4e4e4;border-radius:8px}.status-card{align-self:end;gap:18px;padding:24px;display:grid}.status-card strong{color:#050505;font-size:clamp(42px,6vw,74px);font-weight:780;line-height:.96}.status-line{color:#404040;gap:9px;font-size:14px;font-weight:700}.status-dot{background:#0b0b0b;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 6px #f0f0f0}.quick-row{gap:8px}.quick-row button{flex:1;justify-content:center;gap:8px}.workspace{border-top:1px solid #ededed;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);gap:20px;padding:clamp(34px,5vw,58px) clamp(18px,4vw,56px);display:grid}.config-panel,.preview-panel{padding:clamp(20px,3vw,32px)}.panel-title{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel-title .eyebrow{margin-bottom:8px}.provider-switch{background:#f4f4f4;border:1px solid #e7e7e7;border-radius:8px;gap:4px;padding:5px}.provider-switch button{color:#565656;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.provider-switch button.active{color:#050505;background:#fff;box-shadow:0 1px 2px #00000014}.provider-note{color:#606060;background:#fafafa;border:1px solid #ededed;border-radius:8px;gap:10px;margin:18px 0 24px;padding:14px;font-size:14px;line-height:1.55}.field{gap:9px;margin-top:18px;display:grid;position:relative}.field span{color:#171717;font-size:14px;font-weight:720}.field input,.field select{appearance:none;color:#090909;font:inherit;background:#fff;border:1px solid #dcdcdc;border-radius:8px;outline:none;width:100%;min-height:52px;padding:0 15px;font-size:16px}.select-field svg{color:#4b4b4b;pointer-events:none;position:absolute;bottom:17px;right:15px}.select-field select{padding-right:42px}.preview-panel{flex-direction:column;display:flex}.preview-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.preview-top .eyebrow{margin-bottom:8px}.preview-top span{color:#fff;background:#0b0b0b;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:720}.summary-list{border-top:1px solid #ededed;border-bottom:1px solid #ededed;margin:14px 0 22px;display:grid}.summary-list div{justify-content:space-between;align-items:center;min-height:48px;display:flex}.summary-list div+div{border-top:1px solid #f0f0f0}.summary-list dt{color:#606060;font-size:14px}.summary-list dd{color:#111;text-align:right;margin:0;font-size:14px;font-weight:720}.code-block{color:#f7f7f7;white-space:pre;background:#090909;border-radius:8px;flex:1;min-height:168px;margin:0;padding:18px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-x:auto}.copy-button{cursor:pointer;font:inherit;border-radius:8px;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:16px;font-size:15px;font-weight:720}.copy-button:disabled{cursor:wait;opacity:.65}.bottom-grid{border-top:1px solid #ededed;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:clamp(38px,6vw,68px) clamp(18px,4vw,56px) clamp(56px,7vw,88px);display:grid}.bottom-grid article{padding:24px}.bottom-grid p{color:#606060;margin-bottom:0;font-size:15px;line-height:1.65}.bottom-grid svg{margin-bottom:26px}.drawer-backdrop{z-index:40;background:#00000057;position:fixed;inset:0}.drawer{width:calc(100vw - 24px);max-width:520px;height:calc(100vh - 24px);margin:12px 12px 12px auto;padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 70px #0000002e}.drawer-wide{max-width:min(1380px,100vw - 24px);padding:clamp(20px,3vw,40px)}.close-button{cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.auth-form{margin-top:24px}.text-button{color:#111;cursor:pointer;font:inherit;background:0 0;border:0;margin-top:18px;padding:0;font-size:14px;font-weight:700}.error-text,.empty-text{color:#666;font-size:14px;line-height:1.55}.error-text{color:#b42318;margin:14px 0 0}.form-error-slot{align-items:center;min-height:38px;margin:0;display:flex}.form-error-slot.is-empty{opacity:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.product-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e2e2;border-radius:8px;gap:8px;min-height:124px;padding:16px;display:grid}.product-card span{color:#6a6a6a;font-size:12px;font-weight:760}.product-card strong{color:#080808;font-size:18px}.product-card small{color:#666;font-size:13px;line-height:1.45}.qr-panel{border:1px solid #e4e4e4;border-radius:8px;place-items:center;gap:12px;margin-top:18px;padding:18px;display:grid}.qr-panel svg{width:210px;height:210px}.qr-panel button{color:#fff;cursor:pointer;font:inherit;background:#111;border:0;border-radius:8px;min-height:40px;padding:0 16px;font-weight:700}.table-wrap{border:1px solid #e5e5e5;border-radius:8px;margin-top:18px;overflow-x:auto}.keys-panel{gap:18px;margin-top:4px;display:grid}.keys-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.keys-toolbar div{align-items:baseline;gap:8px;display:flex}.keys-toolbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:190px;display:flex}.copy-notice{color:#303030;white-space:nowrap;background:#f5f5f5;border:1px solid #e7e7e7;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:13px;font-weight:720;display:inline-flex}.keys-toolbar strong{color:#080808;font-size:34px;font-weight:780;line-height:1}.keys-toolbar span{color:#666;font-size:14px;font-weight:720}.copy-action button,.key-actions button{color:#111;cursor:pointer;font:inherit;background:#fff;border:1px solid #dcdcdc;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 12px;font-size:13px;font-weight:720;display:flex}.key-table-wrap{max-height:min(58vh,640px);overflow:auto}.key-table{table-layout:fixed;min-width:1180px}.key-table tbody td{vertical-align:middle}.key-table tbody tr{height:74px}.key-table td:first-child>span{line-height:1.2;display:block}.key-table td:first-child small{margin-top:6px;line-height:1.2}.key-table th:first-child,.key-table td:first-child{width:170px}.key-table th:nth-child(2),.key-table td:nth-child(2){width:260px}.key-table th:nth-child(3),.key-table td:nth-child(3){width:170px}.key-table th:nth-child(4),.key-table td:nth-child(4){width:110px}.key-table th:nth-child(5),.key-table td:nth-child(5){width:170px}.key-table th:nth-child(6),.key-table td:nth-child(6){width:390px}.key-secret-row{align-items:center;gap:9px;width:100%;min-height:40px;display:flex}.key-secret-row code{color:#0b7f73;text-overflow:ellipsis;background:#f4f4f4;border:1px solid #e8e8e8;border-radius:7px;flex:0 0 126px;padding:6px 8px;font:13px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-block;overflow:hidden}.copy-action{flex:0 0 38px;place-items:center;display:inline-grid;position:relative}.copy-action button{color:#606060;border-color:#0000;width:38px;height:38px;min-height:38px;padding:0}.copy-action button:hover{background:#f7f7f7;border-color:#e6e6e6}.status-badge{color:#666;background:#f4f4f4;border:1px solid #e2e2e2;border-radius:999px;align-items:center;min-height:32px;padding:5px 9px;font-size:12px;font-weight:760;display:inline-flex}.status-badge.active{color:#fff;background:#111;border-color:#111}.key-actions{justify-content:center;align-items:center;gap:8px;width:360px;margin:0 auto;display:flex}.key-actions button{color:#3f4652;white-space:nowrap;border-color:#dedede;flex:none;gap:7px;height:40px;min-height:40px;padding:0 10px;font-size:13px}.key-actions button:hover{color:#111;background:#f8f8f8;border-color:#e6e6e6}.key-actions button svg{stroke-width:1.9px;flex:0 0 18px;width:18px;height:18px;display:block}.key-actions button span{line-height:1;display:block}.key-actions button:first-child{width:92px}.key-actions button:nth-child(2){width:70px}.key-actions button:nth-child(3),.key-actions button:nth-child(4){width:64px}.copy-action button:disabled,.key-actions button:disabled{cursor:not-allowed}.copy-action button:disabled{opacity:.45}.confirm-backdrop{z-index:60;background:#ffffffbd;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border:1px solid #dedede;border-radius:8px;width:min(100%,440px);max-width:440px;padding:24px;box-shadow:0 18px 64px #0000002e}.key-editor-dialog{background:#fff;border:1px solid #dedede;border-radius:8px;width:min(100%,520px);max-width:520px;padding:24px;box-shadow:0 18px 64px #0000002e}.key-editor-dialog .eyebrow{margin-bottom:8px}.key-editor-dialog h3{margin-bottom:16px}.key-editor-form{gap:16px;display:grid}.key-editor-form .field{margin-top:0}.confirm-dialog .eyebrow{margin-bottom:8px}.confirm-dialog h3{margin-bottom:10px}.confirm-dialog p:not(.eyebrow){color:#5f5f5f;margin-bottom:0;font-size:15px;line-height:1.65}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.danger-button{color:#fff;cursor:pointer;font:inherit;background:#111;border:1px solid #111;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:720;display:flex}.danger-button:disabled{cursor:not-allowed;opacity:.55}.usage-dashboard{gap:18px;margin-top:4px;display:grid}.usage-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.usage-stat-card{background:#fff;border:1px solid #e6e6e6;border-radius:8px;min-height:116px;padding:18px;box-shadow:0 8px 22px #0000000d}.usage-stat-card span,.usage-filter span{color:#606060;margin-bottom:8px;font-size:13px;font-weight:760;display:block}.usage-stat-card strong{color:#090909;font-size:clamp(25px,3vw,34px);font-weight:780;line-height:1.05;display:block}.usage-stat-card small{color:#747474;margin-top:8px;font-size:13px;display:block}.usage-toolbar{background:#fff;border:1px solid #e6e6e6;border-radius:8px;grid-template-columns:minmax(190px,250px) minmax(440px,1fr) minmax(190px,250px) auto;align-items:end;gap:12px;padding:18px;display:grid}.usage-toolbar-no-ip{grid-template-columns:minmax(190px,250px) minmax(440px,1fr) minmax(300px,auto)}.usage-filter{margin:0;position:relative}.usage-filter select,.usage-filter input{appearance:none;color:#090909;font:inherit;background:#fff;border:1px solid #dcdcdc;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:15px}.usage-filter select{padding-right:42px}.usage-date-filter div,.usage-ip-filter div{gap:8px;display:flex}.usage-range-select{flex:0 0 132px;margin:0;position:relative}.usage-range-select svg{bottom:15px;right:12px}.usage-date-filter input{flex:1 1 0;min-width:0}.usage-ip-filter div{border:1px solid #dcdcdc;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:0 12px}.usage-ip-filter svg{color:#606060;flex:none}.usage-ip-filter input{border:0;min-height:44px;padding:0}.usage-actions{justify-content:flex-end;gap:8px;display:flex}.secondary-button,.usage-actions .dark-button{white-space:nowrap;justify-content:center;gap:8px;min-height:48px;padding:0 15px}.secondary-button:disabled,.dark-button:disabled{cursor:not-allowed;opacity:.55}.usage-summary{color:#606060;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.usage-summary span{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:999px;padding:6px 10px}.usage-table-wrap{max-height:min(64vh,720px);overflow:auto}table{border-collapse:collapse;min-width:100%}.usage-table{min-width:1180px}.usage-table-with-ip{min-width:1320px}th,td{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #eee;padding:12px;font-size:14px}th{color:#666;text-transform:uppercase;z-index:1;background:#fff;font-size:12px;font-weight:780;position:sticky;top:0}td small{color:#777;margin-top:4px;font-size:12px;display:block}tr:last-child td{border-bottom:0}.usage-model-cell span{text-overflow:ellipsis;vertical-align:top;max-width:220px;display:inline-block;overflow:hidden}.usage-cost-cell{align-items:center;gap:8px;min-width:150px;display:inline-flex;position:relative}.usage-cost-values{gap:4px;min-width:92px;display:grid}.usage-cost-primary{color:#555;font-size:14px;font-weight:400;line-height:1.1}.usage-cost-secondary{color:#9aa1af;font-size:12px;line-height:1.1}.cost-detail-trigger{flex:none;display:inline-flex}.cost-detail-trigger>button{color:#8a94a6;cursor:help;background:#f2f5fa;border:1px solid #dfe5ee;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.cost-detail-trigger>button:hover,.cost-detail-trigger>button:focus-visible{color:#2563eb;background:#eaf1ff;border-color:#c8d9ff;outline:none}.cost-detail-popover{color:#d8dee9;pointer-events:none;z-index:80;background:#111827;border:1px solid #2d3748;border-radius:8px;gap:8px;width:316px;padding:16px;font-size:13px;line-height:1.2;display:grid;position:fixed;box-shadow:0 18px 42px #11182742}.cost-detail-popover:before{display:none}.cost-detail-title{color:#f8fafc;margin-bottom:2px;font-size:15px;font-weight:800}.cost-detail-row{color:#9ca3af;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.cost-detail-row>span:last-child{color:#f8fafc;text-align:right;font-size:15px;font-weight:400}.cost-detail-divider{background:#374151;height:1px;margin:2px 0;display:block}.usage-empty{text-align:center;border:1px dashed #dedede;border-radius:8px;justify-content:center;align-items:center;height:100%;min-height:260px;margin:0;padding:24px;display:flex}.usage-pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.usage-pager button{color:#111;cursor:pointer;font:inherit;background:#fff;border:1px solid #dcdcdc;border-radius:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:700}.usage-pager button:disabled{cursor:not-allowed;opacity:.45}.usage-pager span{color:#666;font-size:13px;font-weight:700}button:focus-visible,a:focus-visible,input:focus,select:focus{outline-offset:3px;outline:2px solid #090909}@media (width<=1040px){.nav-links{display:none}.page-head{flex-direction:column;align-items:flex-start}.console-layout,.workspace{grid-template-columns:1fr}.usage-stat-grid,.usage-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-date-filter{grid-column:1/-1}.usage-actions{grid-column:1/-1;justify-content:flex-start}.status-card{align-self:stretch}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding-top:12px;padding-bottom:12px;position:static}.account-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.balance-pill,.ghost-button,.dark-button{flex:auto}.console-layout{padding-top:40px}.provider-switch,.summary-list div{flex-direction:column;align-items:stretch}.summary-list div{justify-content:center;gap:4px}.summary-list dd{text-align:left}.bottom-grid,.product-grid,.usage-stat-grid,.usage-toolbar{grid-template-columns:1fr}.usage-date-filter div,.usage-actions{flex-direction:column}.keys-toolbar .secondary-button{width:100%}.keys-toolbar{flex-direction:column;align-items:stretch}.keys-toolbar-actions{flex-direction:column;align-items:stretch;min-width:0}.copy-notice{justify-content:center}.confirm-actions{flex-direction:column}.confirm-actions .secondary-button,.danger-button{width:100%}.usage-range-select{flex-basis:auto}.usage-actions .dark-button,.secondary-button{width:100%}.drawer{border-radius:0;width:100vw;max-width:100vw;height:100vh;margin:0}.drawer-wide{padding:22px 16px}.usage-table-wrap{max-height:68vh}}