@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg-body: radial-gradient(circle at 20% 20%, rgba(128, 91, 255, .28), transparent 55%), radial-gradient(circle at 80% 0%, rgba(57, 246, 255, .16), transparent 50%), #050712;--bg-panel: linear-gradient(145deg, rgba(10, 16, 36, .94), rgba(4, 8, 18, .9));--bg-card: linear-gradient(140deg, rgba(17, 24, 46, .92), rgba(9, 13, 27, .9));--bg-soft: rgba(14, 22, 44, .6);--text: #f7f9ff;--text-dim: rgba(214, 224, 255, .78);--text-muted: rgba(148, 163, 184, .7);--border: rgba(120, 133, 179, .35);--border-strong: rgba(120, 133, 179, .55);--accent: #39f6ff;--accent-alt: #805bff;--accent-warm: #ff9f59;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 26px;--shadow-soft: 0 30px 80px -40px rgba(3, 189, 252, .35);--shadow-strong: 0 38px 120px -60px rgba(2, 197, 255, .65);--space-xxl: clamp(72px, 12vw, 132px);--space-xl: clamp(48px, 9vw, 96px);--space-lg: clamp(32px, 7vw, 64px);--space-md: 24px;--space-sm: 16px;--space-xs: 12px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg-body);color:var(--text);display:flex;justify-content:center;padding:clamp(32px,5vw,72px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:min(1280px,95vw)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.auth-shell{display:grid;gap:var(--space-md);justify-items:center}.auth-header{display:grid;justify-items:center;gap:.65rem;text-align:center}.auth-header h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,4vw,2.6rem)}.auth-subtitle{max-width:34ch;color:var(--text-muted);font-size:.95rem}.brand-mark{display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;font-weight:700;letter-spacing:.22em;color:var(--text)}.brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-alt));box-shadow:0 0 18px -4px #3ed2ffbf}.auth-card{width:min(420px,100%);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid rgba(120,133,179,.32);padding:clamp(24px,4vw,36px);box-shadow:var(--shadow-soft)}.auth-form{width:100%;display:grid;gap:var(--space-sm);justify-items:center}.form-card{width:100%;display:grid;gap:var(--space-sm)}.form-field{display:grid;gap:.45rem}.form-field label{font-size:.92rem;font-weight:600;letter-spacing:.01em}.form-field input,.form-field select,.form-field textarea{border-radius:var(--radius-sm);border:1px solid rgba(120,133,179,.32);background:#080e1eeb;color:var(--text);padding:.8rem 1rem;font-size:.95rem}.form-field textarea{resize:vertical;min-height:96px}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.label-optional{font-weight:400;font-size:.8rem;color:var(--text-muted);margin-left:.4rem;text-transform:uppercase;letter-spacing:.12em}.form-helper{font-size:.78rem;color:var(--text-muted)}.form-error,.form-status,.panel-status{font-size:.9rem;border-radius:var(--radius-sm);padding:.75rem 1rem}.form-error{background:#ff63841f;border:1px solid rgba(255,99,132,.35);color:#ff9aa7}.form-status{background:#39f6ff1f;border:1px solid rgba(57,246,255,.35);color:var(--accent)}.panel-status{margin-bottom:var(--space-sm)}.panel-status.success{background:#39f6ff1f;border:1px solid rgba(57,246,255,.35);color:var(--accent)}.panel-status.error{background:#ff63841a;border:1px solid rgba(255,99,132,.32);color:#ff9aa7}.panel-status.info{background:#ff9f591f;border:1px solid rgba(255,159,89,.32);color:#ffc88f}.auth-switch{font-size:.9rem;color:var(--text-muted)}.auth-link{color:var(--accent);font-weight:600;text-decoration:underline}.auth-footer{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.loading-screen{display:grid;place-items:center;gap:.9rem;min-height:200px;color:var(--text-muted)}.loading-spinner{position:relative;width:48px;height:48px}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:3px solid transparent;border-top-color:var(--accent);animation:spin 1.2s linear infinite}.loading-spinner:after{border-top-color:var(--accent-alt);animation-duration:1.8s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-shell{display:grid;gap:var(--space-md)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid rgba(120,133,179,.3);padding:1.2rem 1.8rem;box-shadow:var(--shadow-soft)}.brand{display:inline-flex;align-items:center;gap:.8rem}.brand strong{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:.12em;font-size:.95rem}.brand small{display:block;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.dashboard-nav{display:inline-flex;gap:1rem}.dashboard-nav a{padding:.55rem 1rem;border-radius:999px;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.dashboard-nav a:hover,.dashboard-nav a:focus-visible{color:var(--text);background:#3ed2ff1f}.dashboard-nav a.active{background:linear-gradient(140deg,#3ed2ff2e,#805bff38);color:var(--text)}.dashboard-nav a.disabled{opacity:.5;cursor:not-allowed}.dashboard-nav a.disabled:hover,.dashboard-nav a.disabled:focus-visible{background:transparent;color:var(--text-muted)}.logout-button{padding:.6rem 1.2rem;border-radius:999px;border:1px solid rgba(120,133,179,.3);background:#060c1ccc;color:var(--text-muted)}.logout-button:hover,.logout-button:focus-visible{color:var(--text);border-color:#3ed2ff59}.dashboard-main,.dashboard-content{display:grid;gap:var(--space-md)}.workspace-header{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;align-items:flex-start;padding:1.6rem 2rem;border-radius:var(--radius-xl);border:1px solid rgba(120,133,179,.22);background:#0a101ee6;box-shadow:0 24px 70px -60px #3ed2ff73}.workspace-heading{display:grid;gap:.75rem;max-width:44rem}.workspace-eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.workspace-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.workspace-status{display:grid;gap:var(--space-md)}.status-card{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;align-items:flex-start;border-radius:var(--radius-lg);padding:1.6rem 1.9rem;border:1px solid rgba(120,133,179,.22);background:#080e1ce0}.status-card.success{border-color:#3ed2ff47}.status-card.warning{border-color:#ff9f5947}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;background:#7885b329;color:var(--text-muted);margin-bottom:.6rem}.status-card h2{margin-bottom:.35rem}.status-card ul{margin-top:.75rem;list-style:disc;padding-left:1.2rem;color:var(--text-muted)}.status-actions{display:flex;align-items:center}.status-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);padding:1rem 1.2rem;border-radius:var(--radius-lg);border:1px solid rgba(120,133,179,.18);background:#060c18d1}.status-meta dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.status-meta dd{font-size:1.05rem;color:var(--text)}.workspace-form{border-radius:var(--radius-xl);border:1px solid rgba(120,133,179,.24);background:#080e1ce6;padding:1.8rem 2rem;display:grid;gap:var(--space-lg)}.workspace-form header{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;align-items:flex-end}.workspace-form fieldset{border:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.workspace-form legend{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.brand-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.form-footer{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;align-items:center}.metrics-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-tile{padding:1.1rem 1.4rem;border-radius:var(--radius-md);background:#080e1ed9;border:1px solid rgba(120,133,179,.3);display:grid;gap:.4rem}.metric-tile span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.metric-tile strong{font-size:1.2rem}.panel{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid rgba(120,133,179,.32);padding:1.8rem;display:grid;gap:var(--space-md);box-shadow:var(--shadow-soft)}.panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.panel-callout{border-radius:var(--radius-md);border:1px solid rgba(62,210,255,.25);background:#070e20d9;display:grid;gap:.75rem;padding:1.2rem 1.4rem}.panel-callout h3{font-size:1.05rem}.panel-callout p{color:var(--text-muted);line-height:1.5;max-width:60ch}.panel-callout ul{list-style:none;display:grid;gap:.35rem;color:var(--text-muted)}.panel-callout ul li:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-alt));display:inline-block;margin-right:.5rem}.panel-callout.warning{border-color:#ff9f598c;background:#2818048c;box-shadow:0 12px 32px -18px #ff9f5973}.panel-callout.warning ul li:before{background:var(--accent-warm)}.panel-callout .btn-primary{justify-self:start}.panel header h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1.35rem}.panel header p{color:var(--text-muted);max-width:42ch;font-size:.9rem}.profile-form{display:grid;gap:var(--space-md)}.form-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid .span-two{grid-column:span 2}.branding-preview{border-radius:var(--radius-md);border:1px dashed rgba(62,210,255,.32);display:flex;align-items:center;gap:.8rem;padding:1rem;background:#081020cc}.branding-preview span{width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,255,255,.12)}.branding-preview strong{font-size:.95rem}.branding-preview p{font-size:.78rem;color:var(--text-muted)}.color-picker-group{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem}.color-picker-group input[type=color]{padding:0;border:1px solid rgba(120,133,179,.32);background:#081020d9;border-radius:var(--radius-sm);width:46px;height:36px;cursor:pointer}.color-picker-group input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:var(--radius-sm)}.color-picker-group input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.color-picker-group .color-value{font-family:Space Grotesk,Inter,sans-serif;text-transform:uppercase;font-size:.85rem;color:var(--text-muted)}.color-picker-group input[type=text]{font-family:Space Grotesk,Inter,sans-serif;text-transform:uppercase}.logo-field{display:grid;gap:.6rem}.logo-upload{display:grid;gap:.8rem;grid-template-columns:auto minmax(0,1fr);align-items:start;padding:1rem;border-radius:var(--radius-md);border:1px dashed rgba(62,210,255,.32);background:#060c1ad9}.logo-preview{width:96px;height:96px;border-radius:var(--radius-md);border:1px solid rgba(62,210,255,.25);background:#0a0e20d1;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:.78rem;color:var(--text-muted);text-align:center;padding:.4rem}.logo-preview img{width:100%;height:100%;object-fit:contain}.logo-controls{display:grid;gap:.4rem}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:999px;border:1px dashed rgba(120,133,179,.38);background:transparent;color:var(--text-muted);font-weight:500;transition:border-color .2s ease,color .2s ease,transform .2s ease}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:#3ed2ff8c;color:var(--text);transform:translateY(-1px)}.form-meta{font-size:.75rem;color:var(--text-muted)}.dashboard-error{padding:2rem;border-radius:var(--radius-lg);background:#ff638414;border:1px solid rgba(255,99,132,.2);display:grid;gap:1rem}.dashboard-error button{border-radius:999px;padding:.7rem 1.3rem;border:1px solid rgba(255,99,132,.4);background:transparent;color:#ff9aa7}.api-keys-list{display:grid;gap:var(--space-sm)}.api-key-card{border-radius:var(--radius-md);border:1px solid rgba(120,133,179,.32);background:#081022e0;padding:1.2rem;display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.api-key-card h3{font-family:Space Grotesk,Inter,sans-serif;font-size:1.05rem;word-break:break-all}.api-key-card p{font-size:.82rem;color:var(--text-muted)}.api-key-actions{display:inline-flex;gap:.6rem}.api-key-actions button{border-radius:999px;padding:.55rem 1.1rem;border:1px solid rgba(62,210,255,.32);background:#060c1cd9;color:var(--text)}.api-key-actions button:hover,.api-key-actions button:focus-visible{border-color:#3ed2ff7a}.api-key-actions .danger{border-color:#ff638452;color:#ff9aa7}.empty-state{padding:1.2rem;border-radius:var(--radius-md);border:1px dashed rgba(120,133,179,.32);background:#060c1cbf;text-align:center;color:var(--text-muted);font-size:.9rem}.builder-page{display:grid;gap:var(--space-sm)}.checkouts-view{display:grid;gap:var(--space-md)}.checkouts-grid{display:grid;gap:var(--space-sm)}.checkout-card{border-radius:var(--radius-md);border:1px solid rgba(120,133,179,.32);background:#081022e0;padding:1.3rem;display:grid;gap:var(--space-sm);box-shadow:0 24px 60px -46px #3ed2ff80}.checkout-card-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.checkout-card-header span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.checkout-description{color:var(--text-muted);font-size:.9rem}.checkout-meta{display:grid;gap:.45rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkout-meta dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.checkout-meta dd{font-family:Space Grotesk,Inter,sans-serif;font-size:.95rem;word-break:break-all}.checkout-actions{display:flex;flex-wrap:wrap;gap:.6rem}.checkout-actions button,.checkout-requirement-actions button{border-radius:999px;padding:.55rem 1.1rem;border:1px solid rgba(62,210,255,.32);background:#060c1cd9;color:var(--text)}.checkout-actions button.danger{border-color:#ff638452;color:#ff9aa7}.checkout-requirement{margin-top:.8rem;border-radius:var(--radius-md);border:1px dashed rgba(62,210,255,.35);background:#060c1cd9;padding:1rem;display:grid;gap:.6rem}.checkout-requirement pre{max-height:260px;overflow:auto;font-size:.8rem;font-family:Space Grotesk,Fira Code,Menlo,monospace;background:#020612cc;border-radius:var(--radius-sm);border:1px solid rgba(62,210,255,.2);padding:.9rem}.checkout-requirement-actions{display:inline-flex;gap:.6rem}.builder-shell{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-xxl)}.builder-header{position:relative;border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--bg-panel);border:1px solid rgba(120,133,179,.28);box-shadow:var(--shadow-soft);overflow:hidden}.builder-header:after{content:"";position:absolute;inset:-40% -10% auto 35%;height:220%;background:radial-gradient(circle at center,rgba(77,214,255,.35),transparent 70%);pointer-events:none}.section-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(62,210,255,.28);background:#0a1424bf}.builder-header{display:grid;gap:1.6rem;padding:clamp(1.6rem,2vw + 1.1rem,2.6rem);border-radius:var(--radius-xxl);border:1px solid rgba(120,133,179,.2);background:#0b1220eb;box-shadow:0 32px 90px -70px #3ed2ff80}.builder-heading{display:grid;gap:.75rem;max-width:50rem}.builder-heading h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.05}.builder-heading p{color:var(--text-dim);line-height:1.65}.builder-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;align-items:center}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.6rem}.builder-basics{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:.9rem 1rem;border-radius:var(--radius-lg);background:#08101eb8;border:1px solid rgba(120,133,179,.18)}.builder-basics div{display:grid;gap:.2rem}.summary-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.summary-value{display:inline-flex;align-items:center;gap:.4rem;color:var(--text);font-size:.92rem;word-break:break-word}.summary-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.6rem;border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn-primary{background:linear-gradient(96deg,#39f6ffe0,#805bffe6);color:#03111b;box-shadow:0 14px 36px -28px #3ed2ffa6}.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-1px);box-shadow:0 18px 42px -32px #3ed2ffb3}.btn-secondary{background:#10182ac7;border-color:#7885b347;color:var(--text-dim)}.btn-secondary:hover,.btn-secondary:focus-visible{background:#121e36e6;color:var(--text)}.preset-picker{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(120,133,179,.35);background:#0a1022cc;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.preset-picker select{border:none;background:transparent;color:inherit;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.4rem}.preset-picker select option{color:#000}.builder-main{margin-top:var(--space-lg);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--space-lg);align-items:start}.builder-preview{display:grid;gap:var(--space-sm);padding:1.6rem;border-radius:var(--radius-xl);border:1px solid rgba(120,133,179,.22);background:#080e1ce0}.preview-meta{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.preview-meta dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.preview-meta dd{font-size:1rem;color:var(--text)}.builder-config{padding:1.6rem;border-radius:var(--radius-xl);border:1px solid rgba(120,133,179,.22);background:#080e1ce0;display:grid;gap:var(--space-sm)}.config-switcher{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}.config-switcher select{min-width:200px;border-radius:999px;border:1px solid rgba(120,133,179,.28);background:#060c18d9;color:var(--text);padding:.45rem .9rem}.config-description{font-size:.92rem;color:var(--text-muted)}.config-body{padding:1rem;border-radius:var(--radius-lg);border:1px solid rgba(120,133,179,.16);background:#060c18bf;max-height:520px;overflow:auto}.builder-snippets{margin-top:var(--space-xl);border-radius:var(--radius-xl);border:1px solid rgba(120,133,179,.22);background:#080e1ce6;padding:1.8rem;display:grid;gap:var(--space-md)}.builder-snippets header{display:grid;gap:.4rem}.builder-alert{position:relative;margin-top:var(--space-md);padding:.85rem 1.25rem;border-radius:var(--radius-sm);border:1px solid rgba(77,214,255,.45);background:#0b1626d9;color:#c8e8ffe6;display:inline-flex;align-items:center;gap:.65rem;font-size:.85rem;z-index:1}.alert-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #4dd6ffbf}.builder-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:var(--space-xl)}.config-column{display:flex;flex-direction:column;gap:var(--space-md)}.section-nav{display:grid;gap:var(--space-xs)}.section-nav button{text-align:left;padding:1rem 1.2rem;border-radius:var(--radius-md);border:1px solid rgba(120,133,179,.28);background:#0c1426c7;color:var(--text-dim);display:grid;gap:.35rem;transition:border-color .25s ease,transform .25s ease,color .25s ease}.section-nav button span{font-weight:600;color:var(--text)}.section-nav button small{font-size:.82rem;color:var(--text-muted)}.section-nav button:hover,.section-nav button:focus-visible{border-color:#3ed2ff73;transform:translate(6px)}.section-nav button.active{border-color:#3ed2ff8c;background:#0a1224e6;box-shadow:0 18px 55px -40px #3ed2ffa6}.config-details{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid rgba(120,133,179,.35);padding:var(--space-lg);display:grid;gap:var(--space-md);box-shadow:var(--shadow-soft)}.config-section{display:grid;gap:var(--space-md)}.section-header h2{font-size:1.35rem;font-family:Space Grotesk,Inter,sans-serif}.section-header p{color:var(--text-muted)}.fields-grid{display:grid;gap:var(--space-sm)}.field{display:grid;gap:.55rem}.field-label{font-size:.95rem;font-weight:600}.field-helper{font-size:.78rem;color:var(--text-muted)}.field input,.field textarea,.field select{border-radius:var(--radius-sm);border:1px solid rgba(120,133,179,.32);background:#080e1ee6;color:var(--text);padding:.75rem 1rem;font-size:.95rem}.field textarea{resize:vertical;min-height:96px}.field.toggle{grid-template-columns:1fr auto;align-items:center}.switch{position:relative;width:50px;height:28px}.switch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#3ed2ff40;border-radius:999px;transition:background .25s ease}.switch-slider:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--accent-color, var(--accent));box-shadow:0 8px 20px -10px #3ed2ffb3;transition:transform .25s ease}.switch input:checked+.switch-slider:after{transform:translate(22px,-50%)}.flow-steps{display:grid;gap:var(--space-sm)}.flow-step-card{border-radius:var(--radius-md);border:1px solid rgba(120,133,179,.35);background:#080e1ed1;padding:1.2rem 1.4rem;display:grid;gap:var(--space-xs);box-shadow:0 22px 55px -46px #3ed2ffb3}.flow-step-card header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.step-index{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(62,210,255,.4);background:#0c182cd9;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.flow-controls{display:inline-flex;gap:.4rem}.flow-controls .icon{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(128,91,255,.4);background:#101830d9;color:var(--text);transition:transform .2s ease,border-color .2s ease}.flow-controls .icon:hover:not(:disabled){transform:translateY(-1px);border-color:#3ed2ff80}.flow-controls .icon:disabled{opacity:.4;cursor:not-allowed}.flow-controls .danger{border-color:#ff47b580;color:#ffb3de}.flow-actions{display:flex;justify-content:flex-end}.flow-actions button{border-radius:999px;border:1px dashed rgba(62,210,255,.5);padding:.65rem 1.3rem;background:#081020d9;color:var(--text)}.flow-options{display:grid;gap:var(--space-sm)}.output-column{display:grid;gap:var(--space-md)}.preview-panel,.code-panel{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid rgba(120,133,179,.32);padding:var(--space-lg);display:grid;gap:var(--space-md);box-shadow:var(--shadow-soft)}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.preview-tag{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.preview-pill{padding:.45rem 1rem;border-radius:999px;background:#ff9f592e;border:1px solid rgba(255,159,89,.45);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.checkout-preview{display:grid;gap:var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(150deg,#805bff38,#39f6ff1f);border:1px solid rgba(128,91,255,.35);padding:var(--space-lg)}.checkout-preview.split .preview-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.checkout-preview.stacked .preview-body{display:grid;gap:var(--space-md)}.invoice-card{border-radius:var(--radius-md);border:1px solid rgba(62,210,255,.35);background:#060c1ceb;padding:var(--space-md);display:grid;gap:var(--space-sm)}.invoice-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-muted)}.invoice-header code{background:#3ed2ff29;border-radius:var(--radius-xs);padding:.35rem .65rem}.invoice-amount strong{font-size:1.6rem}.invoice-amount span{color:var(--text-muted);font-size:.82rem}.invoice-meta{display:flex;justify-content:space-between;gap:var(--space-xs);font-size:.82rem;color:var(--text-muted)}.cta-button{margin-top:.5rem;border-radius:999px;padding:.75rem 1.4rem;border:none;background:linear-gradient(120deg,var(--accent-color, var(--accent)),rgba(128,91,255,.85));color:#020409;font-weight:700}.preview-sidebar{border-radius:var(--radius-md);border:1px solid rgba(128,91,255,.32);background:#060c1ce0;padding:var(--space-md);display:grid;gap:var(--space-sm)}.preview-sidebar h3{font-size:1.18rem}.preview-sidebar p{color:var(--text-dim)}.timer-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border-radius:999px;background:#805bff33;border:1px solid rgba(128,91,255,.5);color:#e2d6ff;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.flow-preview{list-style:none;display:grid;gap:var(--space-xs)}.flow-preview li{display:grid;grid-template-columns:36px 1fr;gap:var(--space-sm);align-items:start}.flow-preview .step-index{width:36px;height:36px;border-radius:50%;background:#3ed2ff33;border:1px solid rgba(62,210,255,.45);display:grid;place-items:center;font-weight:600;color:var(--accent-color, var(--accent))}.support-card{border-radius:var(--radius-sm);border:1px dashed rgba(62,210,255,.45);padding:.9rem;display:grid;gap:.45rem;font-size:.85rem;background:#080e1ea6}.preview-footer{border-top:1px solid rgba(62,210,255,.28);padding-top:var(--space-sm);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;align-items:center}.preview-footer p{color:var(--text-dim);max-width:36ch}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{padding:.45rem .85rem;border-radius:999px;background:#060c1cd9;border:1px solid rgba(62,210,255,.35);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.onboarding-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);gap:var(--space-lg)}.onboarding-sidebar{display:grid;gap:var(--space-md);border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid rgba(120,133,179,.32);padding:1.6rem;height:max-content;position:sticky;top:32px}.onboarding-brand{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.onboarding-brand a{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.onboarding-nav{display:grid;gap:.5rem}.onboarding-nav-item{border-radius:var(--radius-md);border:1px solid rgba(120,133,179,.28);background:#081024d1;padding:.9rem 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;color:var(--text-dim);transition:border-color .25s ease,transform .2s ease,color .25s ease}.onboarding-nav-item:hover,.onboarding-nav-item:focus-visible{border-color:#3ed2ff73;color:var(--text);transform:translate(6px)}.onboarding-nav-item.active{border-color:#3ed2ff99;background:#0a142ceb;color:var(--text);box-shadow:0 28px 60px -50px #3ed2ffb3}.step-label{font-weight:600}.step-indicator{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.step-indicator.complete{color:var(--accent)}.onboarding-sidebar-footer{border-top:1px solid rgba(120,133,179,.28);padding-top:1rem;display:grid;gap:.4rem;font-size:.82rem;color:var(--text-muted)}.onboarding-sidebar-footer a{color:var(--accent);text-decoration:underline}.refresh-hint{font-size:.75rem;color:#d6e0ff99}.onboarding-main{display:grid;gap:var(--space-md)}.onboarding-panel{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid rgba(120,133,179,.35);padding:1.9rem;display:grid;gap:1.5rem;box-shadow:var(--shadow-soft)}.onboarding-gate{min-height:60vh;display:grid;place-items:center}.onboarding-gate-content{max-width:540px;display:grid;gap:var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(120,133,179,.35);padding:clamp(28px,5vw,42px);box-shadow:var(--shadow-soft)}.onboarding-gate-content h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.7rem,3vw,2.3rem)}.onboarding-gate-content p{color:var(--text-muted);line-height:1.6}.onboarding-gate-steps{display:grid;gap:.65rem}.onboarding-gate-steps h2{font-size:1rem;color:var(--text)}.onboarding-gate-steps ul{display:grid;gap:.45rem;list-style:none}.onboarding-gate-steps li{color:var(--text-muted);display:inline-flex;align-items:center;gap:.4rem}.onboarding-gate-steps li:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-alt));display:inline-block}.onboarding-gate .btn-primary{justify-self:start}.onboarding-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.onboarding-panel-header h1{font-family:Space Grotesk,Inter,sans-serif;font-size:1.8rem}.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.step-badge{border-radius:999px;border:1px solid rgba(62,210,255,.32);padding:.45rem .9rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.onboarding-lede{color:var(--text-muted);font-size:.95rem;line-height:1.6}.onboarding-form{display:grid;gap:var(--space-md)}.field-error{color:#ff9aa7;font-size:.78rem}.checkbox-field{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-muted)}.checkbox-field input{width:18px;height:18px}.form-actions{display:flex;justify-content:flex-end}.onboarding-summary-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.onboarding-summary-grid article{border-radius:var(--radius-md);border:1px solid rgba(120,133,179,.28);background:#060c1cd9;padding:1.2rem;display:grid;gap:var(--space-sm)}.onboarding-summary-grid ul{display:grid;gap:.55rem;font-size:.9rem}.onboarding-summary-grid li.complete:before{content:"•";color:var(--accent);margin-right:.4rem}.onboarding-summary-grid li.pending:before{content:"•";color:#ff9f59e6;margin-right:.4rem}.onboarding-actions{display:grid;gap:.4rem}.action-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);text-decoration:underline}.onboarding-hint{color:var(--text-muted);font-size:.9rem}.onboarding-wallets,.onboarding-documents,.review-summary,.review-card,.review-details{border-radius:var(--radius-md);border:1px solid rgba(120,133,179,.28);background:#060c1cd9;padding:1.4rem;display:grid;gap:var(--space-sm)}.onboarding-wallets ul,.onboarding-documents ul,.review-summary ul{display:grid;gap:.6rem}.onboarding-wallets li,.onboarding-documents li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(62,210,255,.28);background:#081022e6;padding:1rem}.onboarding-wallets li.primary{border-color:#3ed2ff80}.onboarding-wallets h3,.onboarding-documents strong{font-family:Space Grotesk,Inter,sans-serif}.wallet-actions{display:inline-flex;gap:.5rem}.wallet-actions button,.onboarding-documents button,.review-card button{border-radius:999px;border:1px solid rgba(62,210,255,.28);background:#060c1cd9;color:var(--text);padding:.5rem 1rem}.wallet-actions button.danger,.onboarding-documents button.danger{border-color:#ff638452;color:#ff9aa7}.review-card{align-items:flex-start}.review-message{color:var(--text-muted)}.review-notes{margin-top:.6rem;border-radius:var(--radius-sm);border:1px solid rgba(255,159,89,.35);background:#ff9f591f;padding:.75rem 1rem;font-size:.9rem}.review-details dl{display:grid;gap:.5rem}.review-details div{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.9rem}.status-chip,.onboarding-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .85rem;border-radius:999px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(62,210,255,.35)}.status-chip.status-review,.onboarding-status-badge.status-review{border-color:#ff9f5966;color:#ffc88f}.status-chip.status-approved,.onboarding-status-badge.status-approved{border-color:#39f6ff73;color:var(--accent)}.status-chip.status-rejected,.onboarding-status-badge.status-rejected{border-color:#ff638466;color:#ff9aa7}.onboarding-error{border-radius:var(--radius-lg);padding:2rem;background:#ff63841a;border:1px solid rgba(255,99,132,.32);display:grid;gap:var(--space-sm);text-align:center}.onboarding-error button{border-radius:999px;padding:.7rem 1.4rem;border:1px solid rgba(255,99,132,.32);background:transparent;color:#ff9aa7}.code-panel header button{border-radius:999px;border:1px solid rgba(62,210,255,.42);background:#0a1222d9;color:var(--text);padding:.6rem 1.3rem}.code-tabs{display:inline-flex;flex-wrap:wrap;gap:.6rem;border-radius:999px;padding:.5rem;background:#0e162c99;border:1px solid rgba(120,133,179,.25)}.code-tabs button{border:none;background:transparent;color:var(--text-muted);font-size:.9rem;padding:.55rem 1.1rem;border-radius:999px;transition:background .25s ease,color .25s ease}.code-tabs button.active{background:linear-gradient(120deg,#4dd6ff33,#805bff3d);color:var(--text)}.code-output{max-height:360px;overflow:auto;padding:var(--space-md);border-radius:var(--radius-md);background:#060c1ceb;border:1px solid rgba(120,133,179,.32);font-family:Space Grotesk,Fira Code,Menlo,monospace;font-size:.86rem;line-height:1.55;white-space:pre}.builder-footer{border-top:1px solid rgba(120,133,179,.28);padding-top:var(--space-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;font-size:.85rem}@media (max-width: 1080px){#root{width:96vw}.builder-main{grid-template-columns:1fr}.builder-preview,.builder-config{padding:1.4rem}.builder-config{order:2}.builder-preview{order:1}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-nav{flex-wrap:wrap;width:100%;gap:.6rem}.dashboard-nav a{flex:1 1 auto;text-align:center}.logout-button{align-self:stretch;width:100%;text-align:center}}@media (max-width: 720px){body{padding:24px}.builder-header{padding:var(--space-md)}.toolbar-actions{width:100%}.toolbar-actions .btn-primary,.toolbar-actions .btn-ghost{flex:1 1 auto}.preset-picker{width:100%;justify-content:space-between}.panel{padding:1.35rem}.panel header{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr}.workspace-header{padding:1.4rem 1.6rem}.workspace-actions{width:100%;justify-content:flex-start}.workspace-form{padding:1.4rem 1.6rem}.brand-grid{grid-template-columns:1fr}.auth-card{padding:24px}}.builder-page{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xxl)}.builder-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:clamp(1.8rem,2vw + 1.4rem,2.8rem);border-radius:28px;border:1px solid rgba(120,133,179,.22);background:linear-gradient(135deg,#0c1428f2,#080e1ee0);box-shadow:0 38px 120px -78px #3ed2ffa6}.builder-head h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.05}.builder-head p{color:var(--text-muted);max-width:38rem;line-height:1.7}.head-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.head-actions button{border-radius:999px;padding:.7rem 1.6rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.head-actions .ghost{background:#0a1226d1;border-color:#7885b352;color:var(--text-muted)}.head-actions .ghost:hover,.head-actions .ghost:focus-visible{color:var(--text);border-color:#3ed2ff8c}.head-actions .solid{background:linear-gradient(102deg,#39f6ffe0,#805bffe6);color:#03111b;box-shadow:0 16px 42px -30px #3ed2ffb3}.head-actions .solid:hover,.head-actions .solid:focus-visible{transform:translateY(-1px);box-shadow:0 20px 52px -32px #3ed2ffb8}.builder-frame{border-radius:32px;padding:clamp(.55rem,.8vw,.95rem);border:1px solid rgba(120,133,179,.2);background:linear-gradient(140deg,#3ed2ff29,#805bff1f);box-shadow:0 46px 120px -82px #3ed2ff99}.frame-inner{position:relative;display:grid;gap:var(--space-lg);border-radius:26px;background:#060c1af0;padding:clamp(1.9rem,2vw + 1.5rem,3rem);min-height:clamp(420px,44vh,560px)}.frame-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.step-label{display:block;font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.step-count{display:block;font-size:.82rem;color:var(--text-muted);margin-top:.2rem}.local-hint{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(62,210,255,.4);background:#0a1426d9;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#c6e8ffe0}.slide-body{display:grid;gap:var(--space-md);align-content:start;min-height:clamp(300px,32vh,420px)}.slide-section{display:grid;gap:var(--space-md);padding:clamp(1.4rem,1.4vw + 1.1rem,2rem);border-radius:24px;border:1px solid rgba(120,133,179,.24);background:#0a1226d1;box-shadow:0 44px 110px -90px #3ed2ffb8}.slide-header{display:grid;gap:.45rem}.slide-header h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1.5rem}.slide-header p{color:var(--text-muted);line-height:1.65}.builder-field{display:grid;gap:.5rem}.builder-field input,.builder-field select,.builder-field textarea{border-radius:16px;border:1px solid rgba(120,133,179,.32);background:#080e20eb;color:var(--text);padding:.78rem 1.05rem;font-size:.96rem;transition:border-color .2s ease,box-shadow .2s ease}.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{border-color:#3ed2ff8c;box-shadow:0 0 0 2px #3ed2ff38;outline:none}.builder-field textarea{resize:vertical;min-height:118px}.toggle-switch{position:relative;width:54px;height:30px}.toggle-switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#3ed2ff4d;transition:background .25s ease}.toggle-switch .slider:after{content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--accent-color, var(--accent));box-shadow:0 10px 24px -14px #3ed2ffcc;transition:transform .25s ease}.toggle-switch input:checked+.slider{background:#3ed2ff73}.toggle-switch input:checked+.slider:after{transform:translate(24px,-50%)}.flow-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.flow-item{display:grid;gap:.7rem;padding:1.3rem 1.45rem;border-radius:22px;border:1px solid rgba(120,133,179,.3);background:#080e20e6}.flow-index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(62,210,255,.45);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.flow-actions button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(128,91,255,.4);background:#0e162ae0;color:var(--text);display:grid;place-items:center;font-size:.88rem}.flow-actions button:hover:not(:disabled),.flow-actions button:focus-visible{border-color:#3ed2ff8f}.flow-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm)}.flow-footer button{border-radius:999px;padding:.68rem 1.5rem;border:1px dashed rgba(62,210,255,.5);background:#081022d9;color:var(--text)}.preview-stage{display:flex;justify-content:center}.preview-card{width:min(100%,860px);border-radius:26px;border:1px solid rgba(120,133,179,.24);background:#050a16ed;box-shadow:0 40px 110px -80px #3ed2ffa6}.slide-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md)}.slide-arrow{width:56px;height:56px;border-radius:50%;border:1px solid rgba(120,133,179,.3);background:#0a1224e6;color:var(--text);font-size:1.4rem;display:grid;place-items:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.slide-arrow:hover:not(:disabled),.slide-arrow:focus-visible{transform:translateY(-2px);border-color:#3ed2ff99;box-shadow:0 18px 48px -34px #3ed2ffa6}.slide-arrow:disabled{opacity:.35;cursor:not-allowed}.slide-progress{text-align:center;display:grid;gap:.2rem}.slide-progress span{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.slide-progress small{font-size:.82rem;color:#b4cce8d1}.snippet-stack{display:grid;gap:var(--space-md);padding:clamp(1.6rem,1.4vw + 1.2rem,2.1rem);border-radius:26px;border:1px solid rgba(120,133,179,.2);background:#060c1ae6;box-shadow:0 36px 110px -78px #3ed2ff99}.snippet-stack header{display:grid;gap:.5rem}.snippet-stack h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1.6rem}.snippet-stack p{color:var(--text-muted);max-width:40rem;line-height:1.6}.code-panel{border-radius:22px;border:1px solid rgba(120,133,179,.26);background:#040812eb;padding:clamp(1.6rem,1.2vw + 1.2rem,2rem);display:grid;gap:var(--space-md)}.code-panel header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.code-tabs{display:inline-flex;flex-wrap:wrap;gap:.5rem}.code-tabs button{border-radius:999px;border:1px solid rgba(120,133,179,.32);background:#081022e0;color:var(--text-muted);padding:.45rem 1rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.code-tabs button.active{background:#3ed2ff26;border-color:#3ed2ff59;color:var(--accent)}.code-output{border-radius:18px;border:1px solid rgba(62,210,255,.12);background:#03060ee6;padding:1.1rem 1.3rem;max-height:360px;overflow:auto;font-size:.85rem}@media (max-width: 1080px){.builder-head{flex-direction:column;align-items:flex-start}.frame-inner{padding:clamp(1.6rem,1.4vw + 1.3rem,2.2rem);min-height:420px}.slide-controls{grid-template-columns:auto auto;justify-content:space-between}}@media (max-width: 720px){.builder-page{gap:var(--space-lg)}.builder-head{padding:1.6rem}.head-actions{width:100%}.head-actions button{width:100%;justify-content:center}.frame-inner{padding:1.5rem}.slide-body{min-height:unset}.field-grid,.flow-grid,.flow-options{grid-template-columns:1fr}.slide-controls{grid-template-columns:1fr;gap:.6rem}.slide-progress{order:-1}.slide-arrow{width:100%}}.builder-canvas{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xxl)}.builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:clamp(1.6rem,2vw + 1.2rem,2.6rem);border-radius:var(--radius-xxl);border:1px solid rgba(120,133,179,.24);background:#080e1ceb;box-shadow:0 32px 90px -70px #3ed2ff99}.builder-head h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.3rem,3.8vw,3.2rem);line-height:1.05}.builder-head p{color:var(--text-muted);max-width:36rem;line-height:1.65}.head-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.head-actions button{border-radius:999px;padding:.65rem 1.4rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.head-actions .ghost{background:#081020cc;border-color:#7885b359;color:var(--text-muted)}.head-actions .ghost:hover,.head-actions .ghost:focus-visible{color:var(--text);border-color:#3ed2ff99}.head-actions .solid{background:linear-gradient(102deg,#39f6ffdb,#805bffe0);color:#03111b;box-shadow:0 14px 38px -28px #3ed2ffa6}.head-actions .solid:hover,.head-actions .solid:focus-visible{transform:translateY(-1px);box-shadow:0 18px 48px -32px #3ed2ffb3}.builder-grid{display:grid;gap:var(--space-xl);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}.builder-controls{display:grid;gap:var(--space-lg)}.local-hint{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.builder-card{display:grid;gap:var(--space-sm);padding:clamp(1.4rem,1.6vw + 1rem,2rem);border-radius:var(--radius-xl);border:1px solid rgba(120,133,179,.22);background:#060c1ce6;box-shadow:var(--shadow-soft)}.builder-card header{display:grid;gap:.4rem}.builder-card header h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1.35rem}.builder-card header p{color:var(--text-muted);max-width:32rem;line-height:1.6}.field-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.builder-field{display:grid;gap:.4rem}.builder-field span{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.builder-field input,.builder-field select,.builder-field textarea{border-radius:var(--radius-sm);border:1px solid rgba(120,133,179,.32);background:#080e1ee6;color:var(--text);padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{border-color:#3ed2ff8c;box-shadow:0 0 0 2px #3ed2ff33;outline:none}.builder-field textarea{resize:vertical;min-height:110px}.builder-field.toggle{grid-template-columns:1fr auto;align-items:center}.builder-field.small span{font-size:.78rem}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.toggle-switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#3ed2ff40;transition:background .25s ease}.toggle-switch .slider:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:50%;left:3px;transform:translateY(-50%);background:var(--accent-color, var(--accent));box-shadow:0 8px 18px -12px #3ed2ffbf;transition:transform .25s ease}.toggle-switch input:checked+.slider:after{transform:translate(22px,-50%)}.toggle-switch input:checked+.slider{background:#3ed2ff66}.flow-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flow-item{display:grid;gap:.65rem;padding:1.2rem 1.4rem;border-radius:var(--radius-lg);border:1px solid rgba(120,133,179,.32);background:#080e20e0}.flow-item header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.flow-index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid rgba(62,210,255,.45);font-size:.85rem;letter-spacing:.1em}.flow-actions{display:inline-flex;gap:.45rem}.flow-actions button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(128,91,255,.38);background:#0c1428d9;color:var(--text);font-size:.9rem;display:grid;place-items:center}.flow-actions button:hover:not(:disabled),.flow-actions button:focus-visible{border-color:#3ed2ff8c}.flow-actions button:disabled{opacity:.4;cursor:not-allowed}.flow-item input,.flow-item textarea{border-radius:var(--radius-sm);border:1px solid rgba(120,133,179,.32);background:#080e1ef0;color:var(--text);padding:.75rem 1rem}.flow-item textarea{resize:vertical;min-height:100px}.flow-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.flow-footer button{border-radius:999px;padding:.65rem 1.4rem;border:1px dashed rgba(62,210,255,.55);background:#081020d9;color:var(--text)}.flow-options{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.builder-advanced{border-radius:var(--radius-xl);border:1px solid rgba(120,133,179,.2);background:#060c1c99;padding:.25rem .25rem 1rem}.builder-advanced summary{cursor:pointer;padding:1rem 1.4rem;border-radius:var(--radius-lg);font-weight:600;display:flex;justify-content:space-between;align-items:center}.builder-advanced summary::marker{display:none}.builder-advanced:hover{border-color:#3ed2ff66}.builder-advanced[open] summary{color:var(--accent)}.advanced-grid{display:grid;gap:var(--space-sm);padding:0 1.4rem;margin-top:.6rem}.builder-card.code{padding:0;border:none;background:transparent;box-shadow:none}.preview-card{position:sticky;top:2.4rem;display:grid;gap:var(--space-lg);padding:clamp(1.6rem,1.8vw + 1.1rem,2.2rem);border-radius:var(--radius-xxl);border:1px solid rgba(120,133,179,.22);background:#060c1ad9;box-shadow:0 28px 80px -70px #3ed2ff8c;color:var(--text)}.preview-card header{border-bottom:1px solid rgba(120,133,179,.22);padding-bottom:1.2rem}.brand-chip{display:flex;align-items:center;gap:.85rem}.brand-chip img,.brand-fallback{width:46px;height:46px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);object-fit:cover}.brand-chip strong{font-size:1.1rem}.brand-chip span{color:var(--text-muted);font-size:.85rem}.preview-body{display:grid;gap:var(--space-lg);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;--preview-accent: var(--accent)}.invoice{display:grid;gap:.75rem;padding:1.4rem 1.6rem;border-radius:var(--radius-xl);border:1px solid rgba(62,210,255,.28);background:#040a14f2}.invoice code{font-family:Fira Code,Space Grotesk,monospace;background:#3ed2ff1a;border-radius:var(--radius-xs);padding:.35rem .55rem}.invoice h2{font-size:2rem}.invoice-sub{color:var(--text-muted);font-size:.86rem}.invoice-meta{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-muted)}.invoice button{margin-top:.6rem;border-radius:999px;padding:.7rem 1.4rem;border:none;background:var(--preview-accent);color:#01070d;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.invoice button:hover,.invoice button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 28px -18px #3ed2ffa6}.eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.info-list{display:grid;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.timer{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;background:#3ed2ff1f;color:var(--accent);font-weight:600}.flow{display:grid;gap:.6rem;padding:1.4rem 1.6rem;border-radius:var(--radius-xl);border:1px solid rgba(128,91,255,.28);background:#090e1ce6}.flow h3{font-size:1.35rem}.flow p{color:var(--text-muted)}.flow ol{display:grid;gap:.6rem;counter-reset:preview-step}.flow ol li{list-style:none;position:relative;padding-left:1.8rem;display:grid;gap:.2rem}.flow ol li:before{counter-increment:preview-step;content:counter(preview-step);position:absolute;left:0;top:0;width:1.2rem;height:1.2rem;border-radius:50%;background:#3ed2ff2e;color:var(--accent);font-size:.7rem;display:grid;place-items:center}.support{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem}.support a{color:var(--accent);text-decoration:none}.preview-card footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);border-top:1px solid rgba(120,133,179,.22);padding-top:1.2rem}.preview-card footer p{color:var(--text-muted)}.tags{display:inline-flex;flex-wrap:wrap;gap:.4rem}.tags span{border-radius:999px;padding:.35rem .9rem;background:#3ed2ff1f;border:1px solid rgba(62,210,255,.35);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 1320px){.builder-grid{grid-template-columns:1fr}.preview-card{position:static}.preview-body{grid-template-columns:1fr}}@media (max-width: 720px){.builder-head{flex-direction:column}.head-actions{width:100%;justify-content:flex-start}.head-actions button{width:100%;justify-content:center}.field-grid,.flow-grid,.flow-options{grid-template-columns:1fr}.preview-card footer{flex-direction:column;align-items:flex-start}}