.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.customization-plan-box{margin-bottom:1.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);padding:1rem}.customization-plan-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);font-weight:700;margin-bottom:.75rem}.customization-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.customization-plan-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--white);padding:.9rem;min-width:0}.customization-plan-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);margin-bottom:.35rem;font-weight:700}.customization-plan-value{font-size:.95rem;color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}.customization-plan-tags{display:flex;flex-wrap:wrap;gap:.35rem}.customization-tag{display:inline-flex;align-items:center;border:1px solid rgba(13,148,136,.22);border-radius:999px;background:var(--accent);color:var(--primary);font-size:.7rem;padding:.2rem .55rem;font-weight:700}.customization-layout{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(320px,.9fr);gap:1.25rem;align-items:start}.customization-controls,.customization-preview{border:1px solid var(--border-subtle);border-radius:16px;background:var(--white);box-shadow:var(--shadow-sm);padding:1rem}.branding-section{display:grid;gap:.8rem}.branding-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.branding-section-subtitle{font-size:.88rem;color:var(--text-secondary);line-height:1.45}.branding-divider{border-top:1px solid var(--border-subtle);margin:1.2rem 0}.branding-logo-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:.85rem;align-items:center}.branding-logo-preview{width:84px;height:84px;border-radius:14px;border:1px dashed var(--border-subtle);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:.75rem;text-align:center;overflow:hidden;padding:.35rem}.branding-logo-preview img{width:100%;height:100%;object-fit:contain}.branding-logo-actions{display:flex;flex-wrap:wrap;gap:.55rem;min-width:0}.customization-action-btn{padding:.7rem 1rem;min-height:42px;font-size:.9rem}.branding-lock-note{margin-top:.1rem;padding:.75rem .85rem;border-radius:10px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;font-size:.86rem;line-height:1.4}.branding-lock-note a:not(.btn-upgrade-plan){color:inherit;font-weight:700;text-decoration:underline}.branding-locked .branding-logo-row,.branding-locked .customization-form-grid,.branding-locked .branding-toggle-wrapper{opacity:.7}.branding-logo-image-hidden{display:none}.branding-toggle-wrapper{border:1px solid #cfd8e3;border-radius:var(--radius-md);background:var(--bg-secondary);padding:1rem}.branding-switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.switch{position:relative;display:inline-flex;width:54px;height:30px;flex-shrink:0}.branding-toggle-input{opacity:0;width:0;height:0;position:absolute}.switch-slider{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:all .2s ease;cursor:pointer}.switch-slider::before{content:'';position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:transform .2s ease}.branding-toggle-input:checked+.switch-slider{background:var(--primary)}.branding-toggle-input:checked+.switch-slider::before{transform:translateX(24px)}.branding-toggle-input:focus-visible+.switch-slider{box-shadow:0 0 0 3px rgba(13,148,136,.25)}.branding-toggle-input:disabled+.switch-slider{opacity:.6;cursor:not-allowed}.customization-form-grid{display:grid;grid-template-columns:1fr;gap:.95rem;margin-bottom:0}.customization-form-grid .form-group{margin:0}.customization-form-grid #header-logo-link{width:100%;padding:12px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--white)}.color-picker-control{display:flex;align-items:center;gap:.7rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.4rem .55rem;background:var(--white)}.color-picker-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,148,136,.1)}.primary-color-chip{position:relative;width:30px;min-width:30px;height:30px;border:1px solid var(--border-subtle);border-radius:999px;overflow:hidden}.primary-color-chip-fill{position:absolute;inset:0;border-radius:999px;background:var(--picker-color,#0D9488)}.primary-color-picker{-webkit-appearance:none;appearance:none;position:absolute;inset:0;display:block;width:100%;height:100%;border:none;padding:0;border-radius:999px;cursor:pointer;background:0 0;opacity:0;overflow:hidden}.primary-color-picker::-webkit-color-swatch-wrapper{padding:0}.primary-color-picker::-webkit-color-swatch{border:none;border-radius:999px}.primary-color-picker::-moz-color-swatch{border:none;border-radius:999px}.primary-color-input{border:none!important;box-shadow:none!important;padding:0!important;font-family:var(--font-mono)}.customization-preview-header h3{font-size:1.05rem;color:var(--text-primary);margin:0}.customization-preview-header p{margin-top:.3rem;font-size:.86rem;color:var(--text-secondary)}.payment-preview{--preview-primary:var(--primary);--preview-hover:var(--primary-hover);--preview-light:var(--primary-light);margin-top:.95rem;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;background:var(--bg-secondary)}.payment-preview-header-bar{background:linear-gradient(135deg,var(--preview-hover) 0%,var(--preview-primary) 55%,var(--preview-light) 100%);padding:1.1rem;display:flex;justify-content:center}.payment-preview-logo{max-width:120px;width:100%;height:auto;object-fit:contain}.payment-preview-body{background:var(--white);padding:1rem;display:grid;gap:.85rem}.payment-preview-title{margin:0;color:var(--text-primary);font-size:22px;line-height:1.3;text-align:center}.payment-preview .text-gradient{background:linear-gradient(135deg,var(--preview-primary),var(--preview-light))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.payment-preview-owner{display:block;margin-top:.2rem;font-weight:700}.payment-preview-subtitle{margin:0;text-align:center;color:var(--text-primary);font-size:14px;font-weight:600}.payment-preview-sub-instructions{margin:0;text-align:center;color:var(--text-secondary);font-size:13px;line-height:1.35}.payment-preview-qr-wrap{display:flex;justify-content:center}.payment-preview-qr-image{width:240px;max-width:100%;height:auto;border-radius:12px;border:3px solid var(--preview-primary);padding:0;background:var(--white);box-shadow:0 4px 12px var(--preview-qr-shadow,rgba(13,148,136,.15))}.payment-preview-link{margin:0;text-align:center;color:var(--preview-primary);font-size:.82rem;font-weight:600}.autosave-status{width:100%;margin:.15rem 0 0;font-size:.82rem;color:var(--text-secondary);min-height:1.15rem}.autosave-status.is-saving{color:var(--text-secondary)}.autosave-status.is-saved{color:var(--success)}.autosave-status.is-error{color:#b91c1c}@media(max-width:1120px){.customization-layout{grid-template-columns:1fr}.customization-preview{order:-1}}@media(max-width:860px){.customization-plan-grid{grid-template-columns:1fr}}@media(max-width:640px){.card-form-content{padding:20px!important}.customization-controls,.customization-preview{padding:.8rem}.branding-logo-row{grid-template-columns:1fr;justify-items:start}.branding-logo-actions{width:100%}.customization-action-btn{width:100%;justify-content:center}.payment-preview-header-bar{padding:.9rem}.payment-preview-logo{max-width:100px}.payment-preview-title{font-size:20px}.payment-preview-subtitle{font-size:14px}.payment-preview-sub-instructions{font-size:13px}.payment-preview-qr-image{width:200px}.branding-switch-row{align-items:flex-start}}