.billing-page{display:block;overflow:auto;min-height:100vh}.billing-header{position:sticky;top:0;z-index:5;display:flex;gap:24px;align-items:center;padding:16px 4vw;border-bottom:1px solid var(--border);background:var(--bg)}.billing-header img{display:block}.billing-header>span{font-weight:700}.billing-header #billing-session{margin-left:auto;flex-wrap:wrap}#billing-main{max-width:1180px;margin:0 auto;padding:32px 24px;display:grid;gap:24px}.billing-intro h1{margin:0}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.billing-page .card{display:grid;align-content:start;gap:16px}.billing-page .card h2,.billing-page .card p{margin:0}.billing-page .actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.billing-method{padding:18px;border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:10px}.billing-method label{display:flex;align-items:center;gap:10px;font-weight:600}.billing-method input{width:auto}.billing-method:has(input:checked){border-color:var(--accent);background:var(--raised)}.billing-method:has(input:disabled){opacity:.65}.billing-order{border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:grid;gap:12px;overflow-wrap:anywhere}.billing-order h3{margin:0}.billing-order dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:8px 16px}.billing-order dd{margin:0}.billing-order dt{color:var(--muted)}.billing-order .billing-price{font-size:1.4rem;font-weight:700}.billing-page input[type=checkbox],.billing-page input[type=radio]{width:auto;min-height:auto}.billing-form{display:grid;gap:16px}.billing-plan-list{display:grid;gap:12px}.billing-plan-row{padding:16px;border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:16px}.billing-page dialog{max-width:760px;width:calc(100% - 32px);max-height:88vh;overflow:auto}.billing-page .billing-check{display:flex;gap:10px;align-items:flex-start}.billing-page .billing-check input{margin-top:5px}.billing-muted{color:var(--muted)}.billing-login{max-width:480px;width:100%;margin:auto}.billing-error{color:var(--danger)}@media(max-width:640px){.billing-header{gap:10px;flex-wrap:wrap}#billing-main{padding:24px 14px}.billing-order dl{grid-template-columns:1fr}.billing-grid{grid-template-columns:1fr}.billing-header #billing-session{width:100%;margin:0}.billing-plan-row{align-items:flex-start;flex-direction:column}}
.billing-price{font-size:22px;font-weight:700}.billing-method p{font-weight:400}

.store-image-editor{display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);min-width:0}.store-image-editor h3{margin:0}.store-image-preview{min-height:120px;max-height:220px;display:flex;align-items:center;justify-content:center;background:var(--raised);border-radius:var(--radius);overflow:hidden}.store-image-preview img{display:block;max-width:100%;max-height:220px;object-fit:contain}.store-image-preview span{display:flex;align-items:center;gap:10px;color:var(--muted)}.store-image-editor [hidden]{display:none!important}.billing-plan-thumbnail{width:72px;height:54px;object-fit:contain;border-radius:6px;background:var(--raised);flex-shrink:0}.billing-plan-row>p{flex:1;overflow-wrap:anywhere}

.store-site-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:18px}.store-text-group{border:1px solid var(--border);border-radius:var(--radius);padding:14px}.store-text-group summary{cursor:pointer;font-weight:650}.store-text-group>.billing-form{padding-top:18px}.store-text-group textarea{resize:vertical;width:100%;min-height:70px}.store-site-fields .store-image-preview{min-height:150px}.store-site-fields>.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){.store-site-fields>.billing-grid{grid-template-columns:1fr}}
