.billing-workspace .billing-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:20px;align-items:start;margin-bottom:24px}
.billing-workspace .billing-layout>.surface{margin:0}
.billing-workspace .billing-balance{font-family:Syne,var(--font);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.billing-workspace .billing-balance>span{display:block;font-family:var(--font);font-size:14px;font-weight:400;color:var(--muted);margin-top:8px}
.billing-workspace .billing-wallet-breakdown{display:grid;gap:12px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--border);font-size:13px}
.billing-workspace .billing-wallet-breakdown>div,.billing-workspace .billing-checkout-summary>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.billing-workspace .billing-wallet-breakdown dt{color:var(--muted)}
.billing-workspace .billing-wallet-breakdown dd{margin:0;font-variant-numeric:tabular-nums}
.billing-workspace .billing-plan{padding-top:16px;margin-top:20px;border-top:1px solid var(--border);overflow-wrap:anywhere}
.billing-workspace .billing-offers{min-width:0;padding:0;margin:0;border:0}
.billing-workspace .billing-offers legend{padding:0;margin-bottom:12px;font-size:13px;font-weight:600}
.billing-workspace .billing-offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:12px}
.billing-workspace .billing-offer{min-width:0;min-height:130px;display:grid;gap:8px;text-align:left;padding:16px;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:10px;transition:border-color .18s ease,background .18s ease}
.billing-workspace .billing-offer:not(:disabled):hover{border-color:var(--lime)}
.billing-workspace .billing-offer.is-selected{border-color:var(--lime);background:#d6ff3f0a}
.billing-workspace .billing-offer strong{font-size:23px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.billing-workspace .billing-offer small{font-size:12px;color:var(--muted)}
.billing-workspace .billing-offer.is-selected small{color:var(--lime)}
.billing-workspace .billing-offer-credits{font-size:13px;overflow-wrap:anywhere}
.billing-workspace .billing-offer:disabled{cursor:default;opacity:.65}
.billing-workspace .billing-offer:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.billing-workspace .billing-amount-field{display:flex;align-items:center;border:1px solid #555563;border-radius:8px;background:var(--raised);overflow:hidden}
.billing-workspace .billing-amount-field>span{padding-left:14px;font-size:14px;color:var(--muted)}
.billing-workspace .billing-amount-field input{border:0;min-width:0;background:transparent}
.billing-workspace .billing-amount-field:focus-within{outline:2px solid var(--lime);outline-offset:2px}
.billing-workspace .billing-checkout-summary{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:16px;font-size:13px}
.billing-workspace .billing-checkout-summary span{color:var(--muted)}
.billing-workspace .billing-checkout-summary strong{font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.billing-workspace .billing-checkout{width:100%;min-height:48px}
.billing-workspace .billing-checkout-note{margin:0}
.billing-workspace .billing-payment>strong,.billing-workspace .billing-payment>span{display:block}
.billing-workspace .billing-payment>span{margin-top:6px;font-size:12px}
@media(max-width:720px){.billing-workspace .billing-layout{grid-template-columns:1fr}.billing-workspace .billing-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-workspace .billing-offer{padding:12px}.billing-workspace .billing-offer strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.billing-workspace .billing-offer{transition:none}}