:root{--cb-color-canvas:#f5f6f8;--cb-color-surface:#fff;--cb-color-ink:#191f26;--cb-color-secondary:#4b5563;--cb-color-muted:#596273;--cb-color-line:#dce0e7;--cb-color-line-strong:#b9c2cf;--cb-color-primary:#202d49;--cb-color-primary-hover:#142039;--cb-color-link:#244bc5;--cb-color-selected:#edf1ff;--cb-color-focus:#315ee8;--cb-color-allow:#146044;--cb-color-allow-bg:#e7f3ed;--cb-color-review:#78520b;--cb-color-review-bg:#fff4d7;--cb-color-deny:#a32636;--cb-color-deny-bg:#fcebee;--cb-color-failure:#4f5068;--cb-color-failure-bg:#eeeef4;--cb-color-code:#1c222c;--cb-color-code-text:#f1f4fa;--cb-font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cb-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--cb-text-xs:.75rem;--cb-text-sm:.875rem;--cb-text-base:1rem;--cb-text-lg:1.125rem;--cb-text-title:clamp(1.75rem, 3vw, 2.25rem);--cb-text-hero:clamp(2.5rem, 4.3vw, 3.5rem);--cb-leading-body:1.55;--cb-leading-heading:1.12;--cb-weight-medium:550;--cb-weight-strong:650;--cb-space-1:.25rem;--cb-space-2:.5rem;--cb-space-3:.75rem;--cb-space-4:1rem;--cb-space-5:1.25rem;--cb-space-6:1.5rem;--cb-space-8:2rem;--cb-space-10:2.5rem;--cb-space-12:3rem;--cb-space-16:4rem;--cb-radius-sm:.25rem;--cb-radius-control:.375rem;--cb-radius-panel:.625rem;--cb-radius-pill:999px;--cb-border-width:1px;--cb-icon-size:1.125rem;--cb-focus-width:3px;--cb-focus-offset:3px;--cb-shadow-panel:0 8px 24px #191f260a;--cb-shell:75rem;--cb-reader-measure:70ch;--cb-gutter:clamp(1rem, 3vw, 2.5rem);--cb-duration:.12s;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:var(--cb-color-ink);--ink-soft:var(--cb-color-secondary);--parchment:var(--cb-color-canvas);--paper:var(--cb-color-surface);--oxide:var(--cb-color-link);--clay:var(--cb-color-selected);--line:var(--cb-color-line);--muted:var(--cb-color-muted);--allow:var(--cb-color-allow);--review:var(--cb-color-review);--deny:var(--cb-color-deny);--failure:var(--cb-color-failure);--font-sans:var(--cb-font-sans);--font-display:var(--cb-font-sans);--font-mono:var(--cb-font-mono);font-family:var(--font-sans);color:var(--ink);background:var(--parchment);font-synthesis:none}*{box-sizing:border-box}body{background:var(--parchment);margin:0}a{color:var(--oxide)}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,3vw,2rem);display:flex}.brand{align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.beta{font:600 .72rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--oxide);border:1px solid var(--clay);border-radius:999px;padding:.25rem .5rem}.welcome{flex:1;max-width:44rem;margin:0 auto;padding:clamp(3rem,10vw,7rem) 1rem}.eyebrow{font:600 .78rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--oxide)}h1,h2,h3{font-family:var(--font-display);margin:0 0 .6rem;font-weight:600}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1}.lede{color:var(--ink-soft);font-size:1.15rem;line-height:1.6}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{font:600 .95rem/1 var(--font-sans);border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:.4rem;padding:.75rem 1.1rem}.button.primary{background:var(--ink);color:var(--paper)}.button.small{padding:.45rem .7rem;font-size:.85rem}.button.quiet{border-color:var(--line);color:var(--muted)}.button:disabled{opacity:.6;cursor:progress}.button:focus-visible,.policy:focus-visible,textarea:focus-visible{outline:3px solid var(--cb-color-focus);outline-offset:2px}.workspace{flex:1;grid-template-columns:minmax(14rem,18rem) 1fr;gap:1.5rem;width:100%;max-width:80rem;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem);display:grid}@media (width<=760px){.workspace{grid-template-columns:1fr}}.sidebar-head,.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.policy-list,.history ul{margin:.5rem 0 1rem;padding:0;list-style:none}.policy{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:.4rem;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;display:flex}.policy small{color:var(--muted)}.policy.active{background:var(--paper);border-color:var(--line)}.usage{font:.85rem var(--font-mono);color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:.6rem;min-width:0;padding:clamp(1rem,3vw,1.75rem)}.muted{color:var(--muted);line-height:1.5}.error{color:var(--deny);font-weight:600}.digest{font:.78rem var(--font-mono);color:var(--muted);word-break:break-all;margin:0}.field{gap:.4rem;margin:1rem 0;font-weight:600;display:grid}textarea{width:100%;font:.88rem/1.5 var(--font-mono);border:1px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:.4rem;padding:.75rem}pre{font:.82rem/1.5 var(--font-mono);background:var(--parchment);border-radius:.4rem;padding:.75rem;overflow-x:auto}.source{margin:1rem 0}summary{cursor:pointer;color:var(--ink-soft)}.decision{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.decision-head{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.decision-head p{margin:0}.badge{font:700 .72rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#fff;border-radius:.3rem;padding:.3rem .45rem}.badge.large{padding:.45rem .7rem;font-size:.95rem}.badge.allow{background:var(--allow)}.badge.review{background:var(--review)}.badge.deny{background:var(--deny)}.badge.failure{background:var(--failure)}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.5rem}.history button{font:inherit;cursor:pointer;color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.footer{border-top:1px solid var(--line);color:var(--muted);padding:1rem clamp(1rem,3vw,2rem);font-size:.85rem}.samples{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;display:flex}.onboarding{gap:1.5rem;display:grid}.main{min-width:0}select{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:.4rem;padding:.7rem}select:focus-visible{outline:3px solid var(--cb-color-focus);outline-offset:2px}input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.4rem;padding:.7rem}input:focus-visible,button:focus-visible{outline:3px solid var(--cb-color-focus);outline-offset:2px}.steps{counter-reset:step;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-top:1px solid var(--line);padding:1rem 0}.steps li:before{content:counter(step, decimal-leading-zero);font:600 .85rem var(--font-mono);color:var(--oxide);margin-bottom:.6rem;display:block}.steps p{color:var(--muted);line-height:1.5}.copy-status{color:var(--muted);margin:.4rem;font-size:.85rem}.check{align-items:center;gap:.5rem;line-height:1.5;display:flex}.secret-box{border:2px solid var(--oxide);border-radius:.5rem;margin-top:1.5rem;padding:1rem}.key-row{border-top:1px solid var(--line);padding:1rem 0}.key-row .actions{margin-top:1rem}.filters{flex-wrap:wrap;gap:1rem;display:flex}.filters .field{flex:1;min-width:12rem}.outcomes{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.table-scroll{overflow-x:auto}.table-scroll table{min-width:34rem}.text-button{text-align:left;font:inherit;color:var(--oxide);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}details{margin-top:1rem}select{max-width:100%}.sidebar nav{gap:.25rem;display:grid}@media (width<=760px){.steps{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{gap:1rem;padding-top:1rem}.sidebar .usage{margin-bottom:0}.panel-head{flex-wrap:wrap}.actions .button{line-height:1.3}.button{line-height:1.2}.key-row h3{overflow-wrap:anywhere}}.copy-control{max-width:100%;display:inline-flex;position:relative}.copy-button{align-items:center;gap:.55rem;display:inline-flex}.copy-button svg{flex:0 0 16px}.copy-feedback{z-index:5;background:var(--ink);width:max-content;max-width:20rem;color:var(--paper);opacity:0;pointer-events:none;border-radius:.4rem;padding:.5rem .7rem;font-size:.85rem;transition:opacity .15s;position:absolute;bottom:calc(100% + .45rem);left:0;box-shadow:0 4px 16px #0002}.copy-feedback.visible{opacity:1}.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}.setup-progress{border:1px solid var(--line);background:var(--paper);border-radius:.65rem;margin-bottom:1.5rem;padding:1.2rem}.setup-progress .eyebrow{margin:0 0 .4rem}.setup-progress progress{width:100%;height:.45rem;accent-color:var(--oxide);margin:1rem 0 .25rem}.setup-policy{overflow-wrap:anywhere;margin:.4rem 0;font-size:.9rem}.setup-checklist{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:1rem 0;padding:0;list-style:none;display:grid}.setup-checklist button{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;gap:.5rem;width:100%;height:100%;padding:.6rem;font-size:.85rem;display:flex}.setup-checklist button>span:first-child{font-weight:700}.setup-checklist .complete{color:#345b43}.setup-checklist .current{color:var(--ink);border-color:var(--line);background:#fff}.setup-next{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.setup-next>span{flex:16rem;line-height:1.5}.next-step{border:1px solid var(--line);border-left:3px solid var(--oxide);background:var(--paper);border-radius:.4rem;margin:1.25rem 0;padding:1rem}.next-step h2,.next-step h3{margin:.5rem 0;font-size:1.25rem}.next-step p{line-height:1.5}.connection-steps{padding-left:1.4rem;line-height:1.6}.connection-steps li{margin:1rem 0}.connection-state{border:1px solid var(--line);border-radius:.4rem;margin-top:1rem;padding:1rem}.connection-state small{color:var(--muted);margin-top:.4rem;display:block}@media (width<=760px){.setup-checklist{grid-template-columns:1fr}.setup-progress{padding:1rem}.copy-feedback{max-width:min(20rem,75vw)}}@media (prefers-reduced-motion:reduce){.copy-feedback{transition:none}}.billing-panel{gap:1.75rem;display:grid}.billing-panel p{margin:0;line-height:1.6}.billing-panel header{gap:.75rem;display:grid}.billing-panel header h1{margin:0}.billing-notice{border:1px solid var(--line);border-radius:.5rem;padding:1rem}.billing-balances{grid-template-columns:1.4fr 1fr 1fr;gap:1rem;margin:0;display:grid}.billing-balances>div{border:1px solid var(--line);background:var(--parchment);border-radius:.5rem;flex-direction:column;justify-content:center;gap:.75rem;padding:1.25rem;display:flex}.billing-balances dt{color:var(--muted);font-size:.9rem}.billing-balances dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:1.65rem;font-weight:650}.billing-balances .billing-balance-main{background:var(--ink);border-color:var(--ink);color:var(--paper)}.billing-balance-main dt{color:var(--parchment)}.billing-balance-main dd{font-size:clamp(2rem,4vw,3rem)}.billing-precision{margin-top:.8rem;font-size:.85rem}.billing-precision p{color:var(--muted);padding-top:.6rem}.billing-section{border-top:1px solid var(--line);gap:1rem;padding-top:1.75rem;display:grid}.billing-section h2{margin:0;font-size:1.6rem}.billing-check{cursor:pointer;align-items:flex-start;gap:.75rem;line-height:1.5;display:flex}.billing-check input{width:1.1rem;height:1.1rem;accent-color:var(--oxide);flex:none;margin:.2rem 0 0}.billing-check small{color:var(--muted);margin-top:.45rem;display:block}.billing-purchase-actions,.billing-record-actions{flex-wrap:wrap;gap:.75rem;display:flex}.billing-purchase-actions .button{min-height:2.8rem}.billing-panel .button:disabled{cursor:not-allowed}.billing-records{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.billing-records li{border:1px solid var(--line);border-radius:.5rem;gap:.65rem;padding:1rem;display:grid}.billing-record-head{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.billing-record-head strong{font-variant-numeric:tabular-nums;font-size:1.2rem}.billing-record-head time{color:var(--muted);margin-left:auto;font-size:.85rem}.billing-state{border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;font-size:.8rem}.billing-state.credited{color:var(--allow);background:#edf4eb;border-color:#c1d2bd}.billing-reference{color:var(--muted);overflow-wrap:anywhere}.billing-refund{border-top:1px solid var(--line);padding-top:1.5rem;font-size:.9rem}@media (width<=760px){.billing-balances{grid-template-columns:1fr 1fr}.billing-balances .billing-balance-main{grid-column:1/-1}.billing-balances>div{padding:1rem}.billing-balances dd{font-size:1.4rem}.billing-purchase-actions .button{flex:8rem}.billing-record-head time{flex-basis:100%;margin-left:0}}.admin-dashboard{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.admin-toolbar .field{margin:0}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.admin-stat strong{font:600 2.3rem/1.2 var(--font-display)}.admin-stat p:last-child{margin-bottom:0}.admin-dashboard>.panel{margin-bottom:1rem}.admin-dashboard th,.admin-dashboard td{white-space:nowrap}.admin-customer-id{color:var(--muted);font-family:var(--font-mono);margin-top:.4rem;font-size:.72rem;display:block}.admin-chart{align-items:end;gap:.5rem;padding:1.25rem 0;display:flex;overflow-x:auto}.admin-chart-column{text-align:center;flex:1;min-width:2rem;font-size:.72rem}.admin-chart-bar{background:var(--oxide);border-radius:.2rem .2rem 0 0;margin:.5rem 0}.admin-method p{max-width:90ch;line-height:1.65}.admin-nav{border-top:1px solid var(--line);margin-top:1rem;text-decoration:none;display:block}@media (width<=800px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.admin-stats{grid-template-columns:1fr}.admin-dashboard .panel-head{flex-direction:column;align-items:start}}.billing-auto-source{gap:.6rem;min-width:0;display:grid}.billing-auto-source select{width:100%;min-width:0;max-width:100%}.dashboard-heading,.dashboard-controls,.key-chart-label{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dashboard-heading h1{font-size:clamp(2rem,3.5vw,3rem)}.dashboard-heading p{margin-bottom:.5rem}.dashboard-controls{justify-content:flex-start;align-items:flex-end}.dashboard-controls .field{min-width:15rem;max-width:30rem}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.dashboard-stat{flex-direction:column;gap:.8rem;padding:1.25rem;display:flex}.dashboard-stat span{color:var(--muted);font-size:.9rem}.dashboard-stat strong{font:500 clamp(2rem,4vw,3.2rem)/1 var(--font-display)}.dashboard-charts{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;display:grid}.dashboard-charts .panel{min-width:0;padding:1.5rem}.request-chart{width:100%;margin:1rem 0}.request-chart text{font:12px var(--font-mono);fill:var(--muted)}.outcome-visual{flex-wrap:wrap;align-items:center;gap:1.5rem;margin:1.25rem 0;display:flex}.outcome-ring{border-radius:50%;flex-shrink:0;place-items:center;width:10rem;height:10rem;display:grid}.outcome-ring>span{background:var(--paper);width:7.7rem;height:7.7rem;font:2.5rem var(--font-display);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.outcome-ring small{font:.8rem var(--font-sans);color:var(--muted)}.chart-legend{flex:1;min-width:10rem;margin:0;padding:0;list-style:none}.chart-legend li{align-items:center;gap:.5rem;margin:.7rem 0;font-size:.85rem;display:flex}.chart-legend strong{margin-left:auto}.chart-legend small{color:var(--muted);text-align:right;min-width:2.2rem}.chart-dot{border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;display:inline-block}.chart-dot.allow,.key-chart-track>.allow{background:var(--allow)}.chart-dot.review,.key-chart-track>.review{background:var(--review)}.chart-dot.deny,.key-chart-track>.deny{background:var(--deny)}.chart-dot.failure,.key-chart-track>.failure{background:var(--failure)}.chart-dot.errors,.key-chart-track>.errors{background:#886a9d}.chart-dot.pending,.key-chart-track>.pending{background:var(--line)}.key-chart{gap:1.25rem;margin:1.5rem 0;display:grid}.key-chart-label{overflow-wrap:anywhere;margin-bottom:.5rem;font-size:.9rem}.key-chart-track{background:var(--parchment);border-radius:.3rem;height:1rem;display:flex;overflow:hidden}.chart-key{color:var(--muted);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.chart-key>span{align-items:center;gap:.4rem;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.dashboard-charts{grid-template-columns:1fr}}@media (width<=600px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-heading{flex-direction:column;align-items:flex-start}.dashboard-controls{flex-direction:column;align-items:stretch}.dashboard-controls .field{min-width:0;max-width:none}.outcome-ring{width:9rem;height:9rem}.outcome-ring>span{width:7rem;height:7rem}}:focus-visible{outline:3px solid var(--cb-color-focus);outline-offset:3px}.app h1,.app h2,.app h3{letter-spacing:-.025em}.app h1{font-size:clamp(1.75rem,3vw,2.25rem)}.app .button.primary{background:var(--cb-color-primary);border-color:var(--cb-color-primary);color:#fff}.app .button.primary:hover{background:var(--cb-color-primary-hover)}.app .button{border-color:var(--cb-color-line-strong);min-height:2.75rem;line-height:1.3}.app .panel{border-color:var(--line);border-radius:var(--cb-radius-panel);box-shadow:none}.app .workspace{grid-template-columns:14rem minmax(0,1fr);gap:0;max-width:none;padding:0}.app .sidebar{border-right:1px solid var(--line);background:#fff;min-width:0;padding:5rem 1rem 1.5rem}.app .main{min-width:0;padding:2.5rem}.app .main:focus{outline-offset:-4px}.app-authenticated>.topbar{background:#fff;border:0;width:14rem;min-height:4rem;padding:1.25rem 1rem;position:absolute;top:0;left:0}.app-authenticated .brand img{width:8rem;max-width:100%;height:auto}.app-authenticated .brand .beta{display:none}.app-authenticated .account-control{position:absolute;top:1.25rem;left:calc(100vw - 4rem)}.app-authenticated .admin-dashboard{padding-top:5rem}.workspace-heading{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:.4rem;gap:.3rem;margin-bottom:1rem;padding:.65rem .75rem;font-size:.85rem;display:grid}.workspace-heading>span{color:var(--muted);font-size:.75rem}.workspace-menu{display:none}.sidebar-content .policy{align-items:center;min-height:2.75rem;margin-bottom:.2rem;font-size:.9rem;text-decoration:none}.sidebar-content .policy.active{background:var(--cb-color-selected);color:var(--cb-color-primary);border-color:#0000;font-weight:650}.sidebar-content .policy:hover{background:var(--cb-color-canvas)}.sidebar-content .usage{border-top:1px solid var(--line);margin-top:1.25rem;padding:1rem .5rem;font-size:.75rem;line-height:1.6}.app .sidebar nav{grid-template-columns:1fr;gap:.1rem;display:grid}.app .footer{border-top:1px solid var(--line);background:#fff}.app .main>div:first-child:has(.dashboard-heading){padding-right:2rem}@media (width<=760px){.app .workspace{grid-template-columns:minmax(0,1fr)}.app-authenticated>.topbar{border-bottom:1px solid var(--line);justify-content:space-between;width:100%;min-height:4rem;position:static}.app-authenticated .account-control{position:static}.app .sidebar{border-right:0;border-bottom:1px solid var(--line);padding:1rem}.workspace-heading{margin-bottom:.75rem}.workspace-menu{border:1px solid var(--cb-color-line-strong);width:100%;min-height:2.75rem;color:var(--ink);font:600 .9rem var(--font-sans);background:#fff;border-radius:.4rem;justify-content:space-between;align-items:center;padding:.65rem .75rem;display:flex}.sidebar-content{padding-top:.75rem;display:none}.sidebar-content.open{display:block}.app .main{padding:1.25rem 1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.nav-section{border-top:1px solid var(--line);color:var(--muted);margin:1.25rem 0 .5rem;padding:1rem .75rem 0;font-size:.75rem}.app .error{color:var(--cb-color-deny)}.app-skip-link{z-index:100;background:var(--cb-color-primary);color:#fff;padding:.75rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.app-skip-link:focus{color:#fff;transform:none}.preview-banner{background:var(--cb-color-review-bg);border-bottom:1px solid var(--line);color:var(--cb-color-review);padding:.75rem 1rem;font-size:.875rem}.preview-banner+.app-authenticated{position:relative}.key-manager{max-width:66rem}.key-manager>.panel{padding:clamp(1.25rem,3vw,2rem)}.key-manager .panel>h2{margin-top:1.75rem;font-size:1.1rem}.key-manager .field{max-width:32rem}.key-manager .key-limits{border:1px solid var(--line);border-radius:var(--cb-radius-control);background:var(--parchment);max-width:70ch;padding:.8rem 1rem;font-size:.8rem;line-height:1.6}.key-manager .secret-box{background:var(--cb-color-selected);border-color:var(--cb-color-focus);gap:.75rem;padding:1.25rem;display:grid}.key-manager .secret-box h2,.key-manager .secret-box p{margin:0}.key-manager .secret-box textarea{font-family:var(--font-mono);background:var(--paper);overflow-wrap:anywhere}.key-manager .secret-box .copy-control{justify-self:start}.key-manager .key-empty{border:1px dashed var(--cb-color-line-strong);border-radius:var(--cb-radius-panel);background:var(--parchment);padding:1.5rem}.key-manager .key-empty h3{margin-top:0;font-size:1rem}.key-manager .key-row{border:1px solid var(--line);border-radius:var(--cb-radius-panel);margin-top:1rem;padding:1.25rem}.key-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.key-heading h3{overflow-wrap:anywhere;margin:0;font-size:1rem}.key-state{background:var(--parchment);color:var(--ink-soft);text-transform:capitalize;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.key-state.key-active{color:var(--cb-color-allow);background:var(--cb-color-allow-bg)}.key-metadata{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0;font-size:.8rem;display:grid}.key-metadata dt{color:var(--muted);margin-bottom:.35rem}.key-metadata dd{overflow-wrap:anywhere;margin:0}.key-scope-label{color:var(--muted);margin:.5rem 0;font-size:.75rem}.key-scopes{flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.key-scopes li{border:1px solid var(--line);border-radius:var(--cb-radius-control);padding:.2rem .4rem;font-size:.75rem}.key-rotation-note{font-size:.8rem}@media (width<=48rem){.key-metadata{grid-template-columns:1fr;gap:.75rem}.key-manager .check{align-items:start}}.policy-editor,.policy-detail{max-width:72rem}.policy-editor>.panel,.policy-detail>.panel{padding:clamp(1.25rem,3vw,2rem)}.policy-editor h2,.policy-detail h2{font-size:1.15rem}.policy-editor textarea{font-family:var(--font-mono);tab-size:2;font-size:.85rem;line-height:1.65}.policy-editor details{border:1px solid var(--line);border-radius:var(--cb-radius-control);margin-top:1rem;padding:.85rem 1rem}.policy-editor summary,.policy-detail summary{cursor:pointer;font-weight:600}.policy-editor details pre,.policy-detail .source pre{max-height:28rem;overflow:auto}.policy-detail .source{background:var(--parchment);border:1px solid var(--line);border-radius:var(--cb-radius-control);padding:1rem}.policy-playground-title{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.policy-version-table{border:1px solid var(--line);border-radius:var(--cb-radius-control);max-width:100%;overflow-x:auto}.policy-version-table table{min-width:42rem;margin:0;font-size:.8rem}.policy-version-table caption{text-align:left;color:var(--muted);padding:.75rem 1rem}.policy-version-table :is(th,td){vertical-align:top;padding:.75rem 1rem}.policy-version-table thead{background:var(--parchment)}.policy-version-table td code{overflow-wrap:anywhere;font-size:.75rem}.policy-version-table .button{white-space:nowrap}.policy-availability p{max-width:68ch}@media (width<=48rem){.policy-editor>.panel,.policy-detail>.panel{padding:1.1rem}}.usage-summary>strong{font:600 clamp(2.5rem,5vw,3.5rem)/1 var(--font-sans)}.usage-summary{padding:1.5rem}.usage-dashboard .dashboard-heading h1{font:650 clamp(1.5rem,3vw,2rem)/1.25 var(--font-sans)}.usage-dashboard .dashboard-controls{flex-wrap:wrap}.usage-dashboard .dashboard-controls .field{flex:10rem;min-width:10rem;max-width:20rem}.usage-dashboard .dashboard-controls select{max-width:100%}.usage-dashboard .dashboard-stat{border-top:3px solid var(--line)}.usage-dashboard .usage-allow{border-top-color:var(--allow)}.usage-dashboard .usage-review{border-top-color:var(--review)}.usage-dashboard .usage-deny{border-top-color:var(--deny)}.usage-dashboard .usage-failure{border-top-color:var(--failure)}.usage-legend{flex-wrap:wrap;gap:.5rem 1rem;padding:0;font-size:.75rem;list-style:none;display:flex}.usage-legend li{align-items:center;gap:.35rem;display:flex}.usage-breakdowns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.usage-breakdowns>.panel{min-width:0}.usage-breakdowns table{font-size:.8rem}.usage-breakdowns th small,.usage-breakdowns th code{overflow-wrap:anywhere;margin-top:.4rem;font-weight:400;display:block}.usage-breakdowns th code{max-width:23rem;font-size:.7rem}.usage-daily{min-width:0}.usage-daily .table-scroll{max-height:30rem}.usage-daily table{font-size:.8rem}.usage-daily th,.usage-daily td{white-space:nowrap}.usage-dashboard .key-chart-row>p{font-size:.75rem}.usage-dashboard :is(.chart-dot,.key-chart-track>span,.request-chart rect).allow{background:var(--allow);fill:var(--allow)}.usage-dashboard :is(.chart-dot,.key-chart-track>span,.request-chart rect).review{background:var(--review);fill:var(--review)}.usage-dashboard :is(.chart-dot,.key-chart-track>span,.request-chart rect).deny{background:var(--deny);fill:var(--deny)}.usage-dashboard :is(.chart-dot,.key-chart-track>span,.request-chart rect).failure{background:var(--failure);fill:var(--failure)}.usage-dashboard :is(.chart-dot,.key-chart-track>span,.request-chart rect).serviceErrors{fill:#7f8795;background:#7f8795}.usage-dashboard :is(.chart-dot,.key-chart-track>span,.request-chart rect).rejected{fill:#c3c7ce;background:#c3c7ce}.usage-dashboard :is(.chart-dot,.key-chart-track>span,.request-chart rect).pending{fill:#e1d5b4;background:#e1d5b4}@media (width<=60rem){.usage-breakdowns{grid-template-columns:1fr}}@media (width<=40rem){.usage-dashboard .dashboard-controls .field{flex-basis:auto;min-width:0;max-width:none}}.request-history{min-width:0}.request-controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.request-controls>.field{min-width:12rem}.request-controls .actions{align-items:end}.request-history .table-scroll{max-height:38rem}.request-history table{min-width:52rem;font-size:.8rem}.request-history :is(th,td){vertical-align:top}.request-history :is(th,td) :is(small,code,time),.request-id{margin-top:.35rem;display:block}.request-history td code{overflow-wrap:anywhere;max-width:18rem;font-size:.7rem}.request-history th{font-weight:400}.request-id{text-align:left;font:.75rem var(--font-mono);overflow-wrap:anywhere}.request-state{font-weight:600}.request-receipt{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.request-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.request-metadata dt{color:var(--muted);font-size:.8rem}.request-metadata dd{overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.85rem}.request-metadata code{margin-top:.35rem;display:block}.request-receipt h2:focus{outline:3px solid var(--cb-color-focus);outline-offset:.3rem}@media (width<=40rem){.request-controls,.request-controls .actions{flex-direction:column;align-items:stretch}.request-controls>.field{min-width:0}.request-metadata{grid-template-columns:1fr}}.account-settings{max-width:64rem}.account-settings h1{font:650 clamp(1.75rem,3vw,2.25rem)/1.2 var(--font-sans)}.account-settings .panel{padding:clamp(1.25rem,3vw,2rem)}.account-settings h2{font:650 1.15rem/1.3 var(--font-sans)}.account-settings p{max-width:72ch;line-height:1.65}.account-settings dt{color:var(--muted);font-size:.8rem}.account-settings dd{overflow-wrap:anywhere;margin:.35rem 0 1rem;font-weight:600}.billing-panel{max-width:72rem;padding:clamp(1.25rem,3vw,2rem)}.billing-panel header h1{font:650 clamp(1.75rem,3vw,2.25rem)/1.2 var(--font-sans)}.billing-panel .billing-section h2{font:650 1.15rem/1.3 var(--font-sans)}.billing-panel .billing-balances>div{background:var(--cb-color-surface);border-radius:var(--cb-radius-control)}.billing-panel .billing-balances .billing-balance-main{background:var(--cb-color-selected);border-color:var(--cb-color-line);color:var(--cb-color-ink)}.billing-panel .billing-balance-main dt{color:var(--cb-color-secondary)}.billing-panel .billing-balance-main dd{color:var(--cb-color-primary)}.billing-panel .billing-records li{background:var(--cb-color-surface);border-radius:var(--cb-radius-control)}.billing-panel .billing-notice{background:var(--cb-color-review-bg);color:var(--cb-color-review);border-color:var(--cb-color-line)}.billing-panel .error.billing-notice{background:var(--cb-color-deny-bg);color:var(--cb-color-deny)}.billing-panel .billing-check{border:1px solid var(--cb-color-line);border-radius:var(--cb-radius-control);padding:1rem}.billing-panel .billing-purchase-actions .button{background:var(--cb-color-primary);color:var(--cb-color-surface);border-color:var(--cb-color-primary)}.billing-panel .billing-purchase-actions .button:disabled{opacity:.55}.admin-dashboard h1{font:650 clamp(1.75rem,3vw,2.25rem)/1.2 var(--font-sans)}.admin-dashboard h2{font:650 1.15rem/1.3 var(--font-sans)}.admin-dashboard .admin-stat strong{font-family:var(--font-sans)}.admin-dashboard .admin-stat{border-top:3px solid var(--cb-color-primary)}.admin-dashboard .table-scroll{max-height:34rem}.admin-dashboard table{font-size:.8rem}.admin-dashboard .admin-method{background:var(--cb-color-selected)}.admin-dashboard .admin-toolbar{border:1px solid var(--cb-color-line);background:var(--cb-color-surface);border-radius:var(--cb-radius-control);padding:1rem}@media (width<=40rem){.account-settings .actions{flex-direction:column;align-items:stretch}.billing-panel .billing-record-head{flex-direction:column;align-items:start}.billing-panel .billing-record-head time{margin-left:0}.billing-panel .billing-record-actions{flex-direction:column;align-items:stretch}}
