/* This mode is only used inside the canvas credit dialog. The full page keeps its layout. */
html.billing-embedded{color-scheme:dark;background:#191919;scroll-behavior:auto;scroll-padding:0;scrollbar-width:thin;scrollbar-color:#414141 #191919;overscroll-behavior:contain}
html.billing-embedded body.wm-secondary{--ink:#efefef;--muted:#a0a0a0;--line:#353535;--soft:#242424;--wm-page-body:clamp(15px,1.24vw,20px);--wm-page-small:clamp(13px,1.06vw,17px);--wm-page-title:clamp(28px,2.4vw,40px);--wide-body:var(--wm-page-body);--wide-small:var(--wm-page-small);margin:0;padding:0;min-height:100dvh;background:#191919;color:#eee;font-size:var(--wm-page-body);line-height:1.6}
html.billing-embedded body::before,html.billing-embedded body::after,html.billing-embedded [data-site-shell],html.billing-embedded .brand-intro,html.billing-embedded .billing-footer,html.billing-embedded .page-heading,html.billing-embedded .section-index{display:none!important}
html.billing-embedded body.wm-secondary .billing-main{width:100%;max-width:none;margin:0;padding:clamp(54px,4.2vw,76px) clamp(24px,3vw,52px) 36px;transform:none;filter:none}
html.billing-embedded .billing-main>*{max-width:100%}
html.billing-embedded .demo-banner{display:flex;align-items:center;gap:12px;padding:0;margin:0 0 22px;background:transparent;border:0;color:#a1a1a1;font-size:var(--wm-page-small)}
html.billing-embedded .demo-banner p{margin:0;font-size:inherit;line-height:1.6;color:#aaa}
html.billing-embedded .demo-banner strong{font-weight:500;color:#ccc}
html.billing-embedded .demo-label{flex:none;border:1px solid #424242;background:#2b2b2b;color:#dedede;border-radius:5px;padding:3px 8px;font-size:var(--wm-page-small);letter-spacing:0}
html.billing-embedded body.wm-secondary .wallet-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid #343434;border-radius:18px;background:#1c1c1c;box-shadow:none;backdrop-filter:none;overflow:hidden}
html.billing-embedded .wallet-balance,html.billing-embedded .wallet-subscription{padding:clamp(22px,2.2vw,36px);background:transparent}
html.billing-embedded .wallet-balance>span,html.billing-embedded .subscription-eyebrow{font-size:var(--wm-page-small);color:#a8a8a8}
html.billing-embedded .balance-number{margin:8px 0 12px;gap:14px}
html.billing-embedded .balance-number strong{font-size:clamp(40px,3.6vw,64px);font-weight:500;color:#f6f6f6;line-height:1.2}
html.billing-embedded .balance-number>span{font-size:var(--wm-page-small);color:#aaa}
html.billing-embedded .wallet-balance>p{font-size:var(--wm-page-small);color:#999;gap:18px;flex-wrap:wrap}
html.billing-embedded .wallet-balance b{color:#ddd}
html.billing-embedded .wallet-balance>small,html.billing-embedded .wallet-subscription>small{font-size:var(--wm-page-small);color:#929292;margin-top:14px;line-height:1.6}
html.billing-embedded .wallet-subscription{border-left:1px solid #343434}
html.billing-embedded .subscription-title{margin:8px 0}
html.billing-embedded .subscription-title h2{font-size:clamp(22px,1.9vw,30px);color:#eee;letter-spacing:0}
html.billing-embedded .wallet-subscription>p{font-size:var(--wm-page-small);color:#a8a8a8;line-height:1.6;margin:8px 0 16px}
html.billing-embedded .subscription-actions{gap:12px}
html.billing-embedded :is(.subscription-actions .secondary-button,.subscription-actions .text-button,.text-button,.text-link){font-size:var(--wm-page-small);color:#ddd}
html.billing-embedded :is(.purchase-section,.orders-section){padding-top:clamp(28px,2.8vw,48px);margin:0}
html.billing-embedded .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px}
html.billing-embedded .section-heading h2{font-size:clamp(26px,2.2vw,36px);font-weight:550;line-height:1.35;letter-spacing:-.025em;color:#f4f4f4}
html.billing-embedded .section-heading>div>p:last-child{font-size:var(--wm-page-small);color:#a5a5a5;margin-top:10px;line-height:1.6}
html.billing-embedded .cycle-control{flex:none;gap:4px;padding:5px;border:1px solid #373737;border-radius:10px;background:#202020}
html.billing-embedded .cycle-control button{padding:8px 15px;min-height:40px;font-size:var(--wm-page-small);border-radius:6px;background:transparent;color:#aaa;white-space:nowrap}
html.billing-embedded .cycle-control button[aria-pressed=true]{background:#393939;color:#fff;box-shadow:none}
html.billing-embedded .cycle-description{font-size:var(--wm-page-small);text-align:left;color:#939393;margin:0 0 22px;line-height:1.65}
html.billing-embedded .plan-grid,html.billing-embedded .pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.1vw,20px)}
html.billing-embedded body.wm-secondary :is(.plan-card,.plan-card.featured,.plan-card.current-plan-card,.pack-card){padding:clamp(20px,2vw,34px);border:1px solid #393939;border-radius:16px;box-shadow:none;background:#202020;backdrop-filter:none;filter:none;transform:none}
html.billing-embedded body.wm-secondary .plan-card.featured{border-color:#646464;background:linear-gradient(155deg,#2a2a2a,#202020 58%)}
html.billing-embedded :is(.plan-card,.pack-card)::before,html.billing-embedded :is(.plan-card,.pack-card)::after{display:none!important}
html.billing-embedded .plan-top{gap:8px;flex-wrap:wrap}
html.billing-embedded .plan-card h3,html.billing-embedded .pack-heading h3{font-size:clamp(18px,1.6vw,25px);font-weight:550;line-height:1.4;letter-spacing:0;color:#f1f1f1}
html.billing-embedded .plan-current{font-size:12px;border:1px solid #555;color:#ccc;padding:3px 6px;border-radius:5px}
html.billing-embedded .plan-description{font-size:var(--wm-page-small);line-height:1.6;min-height:3.2em;margin:12px 0 26px;color:#aaa}
html.billing-embedded .product-price{gap:3px;flex-wrap:wrap}
html.billing-embedded .product-price strong{font-size:clamp(36px,3.3vw,58px);color:#fff;font-weight:500;letter-spacing:-.04em}
html.billing-embedded .product-price .currency{font-size:clamp(22px,2vw,30px);color:#ddd}
html.billing-embedded .product-price small{font-size:var(--wm-page-small);color:#aaa;margin-left:5px}
html.billing-embedded .plan-price-note{font-size:var(--wm-page-small);color:#aaa;line-height:1.6;min-height:3.2em;margin-top:14px}
html.billing-embedded .plan-credit-line{padding:22px 0 18px;border-color:#393939;margin-top:24px;flex-wrap:wrap;gap:8px}
html.billing-embedded .plan-credit-line strong{font-size:clamp(24px,2.1vw,34px);font-weight:500;color:#eee}
html.billing-embedded .plan-credit-line span{font-size:var(--wm-page-small);color:#aaa}
html.billing-embedded .plan-features{font-size:var(--wm-page-small);color:#aaa;line-height:1.65;gap:12px;margin-bottom:28px}
html.billing-embedded .plan-features li{align-items:flex-start}
html.billing-embedded .plan-features svg{color:#aaa;stroke:currentColor;width:16px;height:16px;margin-top:4px}
html.billing-embedded body.wm-secondary .primary-button,html.billing-embedded body.wm-secondary .purchase-button{background:#efefef;border:1px solid #efefef;border-radius:9px;color:#171717;min-height:44px;padding:10px 16px;font-size:var(--wm-page-body);box-shadow:none;font-weight:500;white-space:normal}
html.billing-embedded body.wm-secondary .primary-button:hover:not(:disabled),html.billing-embedded body.wm-secondary .purchase-button:hover:not(:disabled){background:#fff;color:#000;transform:none}
html.billing-embedded body.wm-secondary .secondary-button{background:#2b2b2b;border:1px solid #494949;border-radius:9px;color:#eee;min-height:40px;padding:8px 14px;font-size:var(--wm-page-small);box-shadow:none;white-space:normal}
html.billing-embedded :is(.shared-tools-note,.cost-note,.small-tag,.order-count){font-size:var(--wm-page-small);color:#999;line-height:1.7;margin-top:20px}
html.billing-embedded .pack-heading{flex-wrap:wrap}
html.billing-embedded .pack-heading>span{font-size:var(--wm-page-small);color:#aaa}
html.billing-embedded .pack-credit-line{margin:24px 0 16px;gap:8px;flex-wrap:wrap}
html.billing-embedded .pack-credit-line strong{font-size:clamp(34px,3vw,52px);color:#f4f4f4}
html.billing-embedded .pack-credit-line span,html.billing-embedded .pack-use{font-size:var(--wm-page-small);color:#aaa;line-height:1.65}
html.billing-embedded .pack-bottom{gap:12px;flex-wrap:wrap;border-color:#383838;padding-top:24px;margin-top:24px}
html.billing-embedded .pack-price{font-size:clamp(28px,2.5vw,40px);color:#eee}
html.billing-embedded .pack-price small{font-size:var(--wm-page-body);color:#aaa}
html.billing-embedded .order-list,html.billing-embedded .order-row{border-color:#343434}
html.billing-embedded .order-row{font-size:var(--wm-page-small);padding:24px 0;gap:12px;grid-template-columns:minmax(0,1.5fr) .6fr .6fr .8fr auto}
html.billing-embedded .order-product h3{font-size:var(--wm-page-body);color:#ddd}
html.billing-embedded .order-product p{font-size:12px;color:#999}
html.billing-embedded .order-date{display:none}
html.billing-embedded :is(.order-state,.order-state.paid,.order-credits,.order-price,.order-operations .settled-note,.order-operations button){font-size:var(--wm-page-small);color:#bbb}
html.billing-embedded .order-operations{min-width:0;flex-wrap:wrap}
html.billing-embedded .empty-message{padding:32px 24px;border:1px dashed #414141;border-radius:12px;background:#1e1e1e;color:#a8a8a8;font-size:var(--wm-page-body)}
html.billing-embedded body.wm-secondary .checkout-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;border-radius:18px;border:1px solid #484848;background:#202020;color:#eee;box-shadow:0 20px 80px #0009;backdrop-filter:none}
html.billing-embedded .checkout-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
html.billing-embedded .dialog-head h2{font-size:26px;color:#eee}
html.billing-embedded .dialog-head .eyebrow{font-size:13px;color:#999}
html.billing-embedded .checkout-product{background:#292929;border-color:#424242;border-radius:10px;padding:20px}
html.billing-embedded .checkout-product h3{font-size:22px;color:#eee}
html.billing-embedded .checkout-product strong{font-size:30px;color:#eee}
html.billing-embedded :is(.checkout-product>span,.checkout-product p,.checkout-details>div,.checkout-terms,.checkout-order-number,.checkout-disclosure p,.checkout-actions>.text-button,.form-error){font-size:14px;line-height:1.65;color:#bbb}
html.billing-embedded .checkout-details dt{color:#aaa}
html.billing-embedded .checkout-details dd{color:#eee}
html.billing-embedded .checkout-details>div:first-child dd{font-size:22px;color:#fff}
html.billing-embedded .checkout-disclosure{border-color:#444;color:#aaa}
html.billing-embedded .checkout-actions{flex-wrap:wrap}
html.billing-embedded body.wm-secondary .billing-toast{font-size:var(--wm-page-body);background:#343434;color:#fff;border:1px solid #555;border-radius:10px;bottom:18px;padding:14px 20px;max-width:calc(100vw - 40px)}
@media(max-width:1000px){html.billing-embedded .section-heading{flex-wrap:wrap}html.billing-embedded .cycle-control{margin-top:4px}html.billing-embedded .wallet-panel{grid-template-columns:1fr 1fr}html.billing-embedded .plan-card{padding:20px 16px}}
@media(max-width:680px){
 html.billing-embedded body.wm-secondary .billing-main{padding:24px 18px 32px}
 html.billing-embedded body.wm-secondary .wallet-panel{grid-template-columns:1fr}
 html.billing-embedded .wallet-subscription{border-left:0;border-top:1px solid #343434}
 html.billing-embedded .wallet-balance,html.billing-embedded .wallet-subscription{padding:20px}
 html.billing-embedded .plan-grid,html.billing-embedded .pack-grid{grid-template-columns:1fr;gap:16px}
 html.billing-embedded .demo-banner{align-items:flex-start;flex-wrap:wrap;gap:8px}
 html.billing-embedded .plan-description,html.billing-embedded .plan-price-note{min-height:0}
 html.billing-embedded .plan-description{margin-bottom:20px}
 html.billing-embedded .plan-credit-line{margin-top:18px;padding-top:18px}
 html.billing-embedded .order-row{grid-template-columns:1fr auto}
 html.billing-embedded .order-product{grid-column:1/-1}
 html.billing-embedded .order-operations{grid-column:1/-1;justify-content:flex-start}
 html.billing-embedded .checkout-dialog{padding:22px!important}
}