.usage-metrics[data-quota-count]{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.usage-metrics[data-quota-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-metrics[data-quota-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-metric{border-left:1px solid var(--border);flex-direction:column;gap:8px;min-width:0;padding-inline:20px;display:flex}.usage-metric:first-child{border-left:0;padding-left:0}.usage-metric:last-child{padding-right:0}.usage-metric-heading{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.usage-metric h3{margin:0;font-size:13px;font-weight:500}.usage-metric-value{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;line-height:1.3}.usage-metric-value strong{font-size:22px;font-weight:600}.usage-metric-value>span{color:var(--muted-foreground);font-size:13px}.usage-metric progress{-webkit-appearance:none;appearance:none;background:var(--secondary);width:100%;height:7px;color:var(--primary);border:0;border-radius:6px;overflow:hidden}.usage-metric progress::-webkit-progress-bar{background:var(--secondary);border-radius:6px}.usage-metric progress::-webkit-progress-value{background:var(--primary);border-radius:6px}.usage-metric progress::-moz-progress-bar{background:var(--primary);border-radius:6px}.usage-metric-details{color:var(--muted-foreground);flex-wrap:wrap;gap:4px 12px;font-size:12px;line-height:1.5;display:flex}.usage-metric-note{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.5}@media (min-width:701px) and (max-width:1100px){.usage-metrics[data-quota-count]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.usage-metric:nth-child(odd){border-left:0;padding-left:0}.usage-metric:nth-child(2n){padding-right:0}.usage-metric:nth-child(n+3){border-top:1px solid var(--border);padding-top:12px}}@media (max-width:700px){.usage-metrics[data-quota-count]{grid-template-columns:minmax(0,1fr)}.usage-metric{border-left:0;border-top:1px solid var(--border);padding:14px 0}.usage-metric:first-child{border-top:0;padding-top:0}.usage-metric:last-child{padding-bottom:0}}.studio-toast-viewport{z-index:150;pointer-events:none;width:360px;max-width:calc(100vw - 32px);font:13px/1.6 var(--font-sans);flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.studio-toast{pointer-events:auto;background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(var(--toast-swipe-movement-y,0px));border-radius:9px;outline:none;padding:14px 16px;transition:opacity .15s,transform .15s;box-shadow:0 8px 28px #00000024}.studio-toast[data-limited]{display:none}.studio-toast[data-starting-style],.studio-toast[data-ending-style]{opacity:0;transform:translateY(12px)}.studio-toast-content{align-items:center;gap:10px;display:flex}.studio-toast-content>svg{width:18px;height:18px;color:var(--success);flex-shrink:0;display:block}.studio-toast-title{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:12px;font-weight:500;line-height:1.6}.studio-toast-close{width:24px;height:24px;min-height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;padding:3px;display:grid}.studio-toast-close svg{width:14px;height:14px}.studio-toast-close:hover{background:var(--accent);color:var(--foreground)}@media (max-width:600px){.studio-toast-viewport{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.studio-toast{transition:none}}.billing-workspace{max-width:1250px;margin:auto;padding:32px}.billing-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.billing-heading h2{margin:8px 0;font-size:30px}.billing-heading p,.billing-settings p{color:var(--studio-palette-foreground-556456);line-height:1.7}.billing-note,.billing-alert,.billing-notice{border:1px solid var(--studio-palette-border-d5dfcb);background:var(--studio-palette-background-f1f5e9);border-radius:8px;margin:16px 0;padding:16px 20px}.billing-note p{margin:8px 0 0;line-height:1.6}.billing-alert{background:var(--studio-palette-background-fff0e8);color:var(--studio-palette-foreground-9b3827)}.billing-actions{flex-wrap:wrap;gap:12px;margin:16px 0 24px;display:flex}.billing-period{font-size:13px;line-height:1.6}.billing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.billing-plans article{background:var(--studio-input);border:1px solid var(--studio-palette-border-d5dfcb);border-radius:10px;padding:24px}.billing-plans .current{border-color:var(--studio-palette-border-6f9360);box-shadow:0 0 0 1px var(--studio-palette-shadow-6f9360)}.billing-plans h3{margin:12px 0;font-size:22px}.billing-price{color:var(--studio-palette-foreground-253e30)!important;font-size:32px!important}.billing-price small{font-size:14px}.billing-plans p{color:var(--studio-palette-foreground-52624e);font-size:13px;line-height:1.6}.billing-plans .button{justify-content:center;width:100%;margin-top:12px}.billing-extra-rate{border-top:1px solid var(--studio-palette-border-e0e7d9);padding-top:14px}.billing-credit-rule{align-items:start;gap:12px;padding:20px 0;font-size:13px;line-height:1.7;display:flex}.billing-credit-rule svg{flex-shrink:0;margin-top:3px}.billing-settings{grid-template-columns:1fr 1fr;gap:24px;display:grid}.billing-settings section{background:var(--studio-input);border:1px solid var(--studio-palette-border-d5dfcb);border-radius:10px;padding:24px}.billing-settings h3{margin-top:0}.billing-settings p,.billing-settings small{font-size:13px;line-height:1.7}.billing-settings fieldset{border:0;margin:16px 0;padding:0}.billing-settings .field{margin:18px 0}.billing-settings small{color:var(--studio-palette-foreground-63715d);display:block}.billing-settings fieldset:disabled{opacity:.6}@media (max-width:1000px){.billing-plans,.billing-settings{grid-template-columns:1fr}}@media (max-width:600px){.billing-workspace{padding:20px 14px}.billing-heading{flex-direction:column}}.billing-view .document-toolbar .document-actions,.billing-view .document-toolbar .revision,.billing-sidebar>.template-picker,.billing-sidebar>.new-template-button,.billing-sidebar>.new-component-buttons,.billing-sidebar>.sidebar-divider,.billing-sidebar>.sidebar-divider~*{display:none}.billing-sidebar>.sidebar-bottom{display:flex}.billing-interval{flex-wrap:wrap;gap:4px;margin-top:24px;display:flex}.billing-interval .button[aria-pressed=true]{background:var(--studio-palette-background-f1f5e9);border-color:var(--studio-palette-border-6f9360);box-shadow:inset 0 0 0 1px var(--studio-palette-border-6f9360)}.subscription-entry{background:var(--background);min-height:100dvh}.subscription-entry-header{border-bottom:1px solid var(--studio-palette-border-d5dfcb);justify-content:space-between;align-items:center;gap:24px;padding:18px 32px;display:flex}.subscription-account-controls{align-items:center;gap:16px;display:flex}.subscription-account-controls .workspace-card{width:auto;min-width:180px;max-width:260px;margin:0}.subscription-account-controls .button,.subscription-account-controls .text-button{white-space:nowrap;flex-shrink:0}.subscription-intro{max-width:1250px;margin:32px auto 0;padding:0 32px}.subscription-intro h1{margin:12px 0;font-size:30px}.subscription-intro p{max-width:740px;color:var(--studio-palette-foreground-556456);line-height:1.7}.subscription-entry .billing-workspace{padding-top:12px}.subscription-entry .billing-heading{margin-bottom:12px}.subscription-entry .billing-heading h2{font-size:22px}.subscription-entry .billing-settings{grid-template-columns:1fr}.subscription-entry .billing-credit-rule{max-width:900px}@media (max-width:700px){.subscription-entry-header{flex-wrap:wrap;align-items:flex-start;padding:16px}.subscription-account-controls{flex-wrap:wrap;gap:10px}.subscription-intro{margin-top:24px;padding:0 16px}.subscription-intro h1{font-size:26px}}.subscription-content[hidden]{display:none!important}.billing-usage-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-usage-heading h2{margin:0;font-size:16px;font-weight:600}.billing-usage-heading p{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.6}.billing-usage-heading strong{color:var(--foreground);font-weight:600}.billing-usage-extra{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:6px 20px;font-size:12px;display:flex}.billing-usage-extra strong{color:var(--foreground)}.billing-plans h3 small{white-space:nowrap;color:var(--muted-foreground);font-size:13px;font-weight:500}