@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--primary-color:#2563eb;--accent-color:#1e293b;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}.public-select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.public-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent);outline:none}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;transition:all .2s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.public-card{background:#fff;border-radius:1rem;flex-shrink:0;width:100%;max-width:1000px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.public-form-container{background-color:var(--bg-primary,#f1f5f9);height:100vh;font-family:var(--font-family,"Inter", sans-serif);color:var(--text-primary);flex-direction:column;align-items:center;padding:3rem 1.5rem;display:flex;overflow-y:auto}.public-form-container.preview-mode{height:auto;min-height:100%;padding:0;overflow-y:visible}.public-banner-container{background-color:var(--primary-color);width:100%;height:120px;position:relative}.public-banner-img{object-fit:cover;width:100%;height:100%}.public-logo-overlay{background:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:64px;height:64px;padding:.35rem;display:flex;position:absolute;bottom:-20px;left:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.public-logo-overlay img{object-fit:contain;max-width:100%;max-height:100%}.public-header-text{border-bottom:1px solid #e2e8f0;padding:2.75rem 2rem 1.25rem}.public-header-text.no-banner{padding:1.5rem 2rem 1rem}.public-header-text h1{color:#0f172a;margin-bottom:0;font-size:1.5rem;font-weight:700}.public-header-text p{color:#64748b;font-size:.9rem;line-height:1.4}.public-language-selector-compact{background:#00000008;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .5rem;transition:all .2s;display:flex}.public-language-selector-compact:hover{border-color:#94a3b8}.public-language-selector-compact button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.1rem .3rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.public-language-selector-compact button:hover{color:#1e293b;background:#0000000d}.public-language-selector-compact button.active{color:var(--primary-color,#2563eb);background:color-mix(in srgb, var(--primary-color,#2563eb) 10%, transparent);font-weight:700}.public-language-selector-compact button:focus-visible{outline:2px solid var(--primary-color,#2563eb)!important;outline-offset:1px!important}.public-language-selector-compact .lang-divider{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:.7rem}.public-section{padding:1.5rem 2rem;transition:all .3s}.public-section.has-border{border:1px solid #e2e8f0;border-radius:.75rem;margin:1.5rem 2rem;padding:1.5rem;box-shadow:0 2px 4px #00000005}.section-progress{margin-bottom:2rem}.section-progress span{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.progress-bar{background:#e2e8f0;border-radius:10px;height:6px;margin-top:.5rem;overflow:hidden}.progress-fill{background:var(--primary-color);height:100%;transition:width .3s}.section-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.section-desc{color:#64748b;margin-bottom:2rem;font-size:.9rem}.public-fields{margin-bottom:3rem}.public-field-group{flex-direction:column;gap:.5rem;min-width:0;display:flex}.public-field-group.half-width{width:calc(50% - .75rem)}@media (width<=600px){.public-field-group.half-width{width:100%}}.field-label,.public-field-label{color:#1e293b;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.field-error-message{color:#ef4444;margin-top:.4rem;font-size:.75rem;font-weight:500;animation:.2s ease-in-out fadeIn}.field-helper-text{color:#64748b;margin-top:.3rem;font-size:.75rem}.field-wrapper.has-error input,.field-wrapper.has-error textarea,.field-wrapper.has-error select{background-color:#fef2f2;border-color:#ef4444!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.public-input,.public-textarea,.public-select{box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.public-textarea{resize:vertical;min-height:100px}.public-input:focus,.public-select:focus,.public-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent);outline:none}.public-options{flex-wrap:wrap;gap:1.25rem;padding:.5rem 0;display:flex}.public-options.layout-vertical{flex-direction:column;gap:.75rem}.public-options.layout-horizontal{flex-direction:row;align-items:center}.public-option-label{cursor:pointer;color:#334155;border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem;font-size:.95rem;transition:background .1s;display:flex}.public-option-label:hover{background:#f8fafc}.public-option-label input{width:1.1rem;height:1.1rem;accent-color:var(--primary-color)}.public-sig-placeholder{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:.5rem;padding:2rem;font-size:.85rem}.public-actions{border-top:1px solid #f1f5f9;justify-content:space-between;gap:1rem;padding-top:2rem;display:flex}.btn-back,.btn-next{box-sizing:border-box;cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;height:44px;padding:0 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-back{color:#64748b;background:#fff;border:1px solid #e2e8f0}.btn-back:hover{color:#1e293b;background:#f8fafc}.btn-next{background:var(--primary-color);color:#fff;border:1px solid #0000;margin-left:auto}.btn-next:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-next:disabled{opacity:.6;cursor:not-allowed;transform:none}.public-richtext{color:#334155;word-break:break-word;overflow-wrap:break-word;width:100%;font-size:1rem;line-height:1.6}.public-richtext p{margin-bottom:.75rem}.public-richtext ul,.public-richtext ol{margin-bottom:1rem;padding-left:1.5rem}.public-richtext li{margin-bottom:.25rem}.public-richtext strong,.public-richtext b{color:#0f172a;font-weight:700}.public-loading,.public-error,.public-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.public-success h2{color:#0f172a;font-size:1.5rem;font-weight:700}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.public-nested-section{transition:all .2s}.public-nested-section.has-border{box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0!important}.auth-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex;max-width:500px!important}.auth-icon-container{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1rem;display:flex}.auth-card h1{color:#0f172a;font-size:1.5rem;font-weight:800}.auth-card p{color:#64748b;font-size:.95rem;line-height:1.6}.btn-auth{justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:.875rem 2rem;font-size:1rem;display:flex}.button-group-responsive{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.button-group-responsive.flex-equal{flex-wrap:wrap-reverse;gap:1rem}.button-group-responsive.flex-equal button,.button-group-responsive.flex-equal a{flex:1}.confirm-drawer-footer{border-top:1px solid #f1f5f9;width:100%;margin-top:1rem;padding-top:1.5rem}.profile-actions-row{gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.profile-actions-row button{flex:1;justify-content:center}.form-btn-primary,.publish-main-btn{background:var(--accent-primary,var(--primary-color,#2563eb));color:#fff;box-sizing:border-box;cursor:pointer;border:2px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;height:44px;padding:0 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #2563eb33}.form-btn-primary:hover,.publish-main-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.form-btn-primary:disabled,.publish-main-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-btn-secondary,.publish-sec-btn{border:2px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);box-sizing:border-box;cursor:pointer;height:44px;box-shadow:var(--shadow-sm);background:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.form-btn-secondary:hover,.publish-sec-btn:hover{background:var(--bg-tertiary,#f8fafc);color:var(--text-primary,#1e293b);border-color:var(--border-focus,#cbd5e1)}.form-btn-secondary:disabled,.publish-sec-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.grid-system{grid-template-columns:1fr!important;gap:1rem!important}.col-span-1,.col-span-2,.col-span-3,.col-span-4,.col-span-5,.col-span-6{grid-column:span 1!important;width:100%!important}}@media (width<=640px){.public-form-container{height:auto!important;min-height:100vh!important;padding:0!important;display:block!important}.public-card{box-shadow:none!important;border-radius:0!important;flex-direction:column!important;min-height:auto!important;display:flex!important}.public-form-footer{margin-top:1.5rem!important;padding:1rem 1rem 2rem!important}.public-header-text{padding:1.75rem 1rem 1rem!important}.public-header-text h1{font-size:1.3rem!important}.public-section{flex-direction:column!important;flex:1!important;padding:1rem 1.25rem!important;display:flex!important}.public-section.has-border{border-left:none!important;border-right:none!important;border-radius:0!important;margin:1rem 0!important;padding:1rem!important}.public-fields{margin-bottom:2rem!important}.public-confirm-drawer{padding:1.5rem 1.25rem 1.25rem!important}.public-result-container{padding:1rem!important}.public-result-card{border-radius:1rem!important;padding:2rem 1.25rem!important}.profile-header-responsive{flex-direction:column!important;align-items:stretch!important;width:100%!important}.profile-actions-row{flex-direction:column-reverse!important;gap:.75rem!important}.profile-actions-row button{width:100%!important}.button-group-responsive{flex-direction:column-reverse;gap:.75rem;width:100%}.button-group-responsive button,.button-group-responsive a{align-items:center;display:inline-flex;box-sizing:border-box!important;flex:none!important;justify-content:center!important;width:100%!important;height:44px!important;margin:0!important}.public-actions{flex-direction:column-reverse!important;gap:.75rem!important}.public-actions button{justify-content:center!important;width:100%!important;margin-left:0!important}}.public-form-footer{text-align:center;color:#64748b;flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:100%;max-width:1000px;margin-top:auto;padding:2.5rem 0 1.5rem;font-family:inherit;font-size:.85rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.footer-link{color:#64748b;border-radius:4px;padding:.25rem .5rem;font-weight:500;text-decoration:none;transition:all .2s}.footer-link:hover{color:var(--primary-color,#2563eb);background-color:#00000005}.footer-separator{color:#cbd5e1;-webkit-user-select:none;user-select:none}.footer-copyright{color:#94a3b8;margin:0;font-size:.8rem}.legal-page-container{box-sizing:border-box;padding:3rem 1.5rem;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;height:auto!important;min-height:100vh!important;display:flex!important;overflow-y:visible!important}.legal-card{background:#fff;border-radius:1rem;flex-direction:column;flex-shrink:0;width:100%;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;max-width:1000px!important}.legal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.btn-legal-back{color:#64748b!important;background:#fff!important;border:1px solid #e2e8f0!important;padding:.5rem 1rem!important;font-size:.9rem!important}.btn-legal-back:hover{color:#1e293b!important;background:#f8fafc!important}.legal-content-body{padding:2.5rem 3rem}.legal-title{color:#0f172a;border-left:4px solid var(--primary-color,#2563eb);margin-top:0;margin-bottom:2rem;padding-left:1rem;font-size:1.8rem;font-weight:800}.legal-sections{flex-direction:column;gap:2rem;display:flex}.legal-section-block{flex-direction:column;gap:.75rem;display:flex}.legal-section-title{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.legal-section-content{color:#475569;text-align:justify;white-space:pre-line;margin:0;font-size:.975rem;line-height:1.75}@media (width<=640px){.legal-page-container{padding:0!important;display:block!important}.legal-card{min-height:auto!important;box-shadow:none!important;border-radius:0!important;flex-direction:column!important;display:flex!important}.legal-header{padding:1rem!important}.legal-content-body{flex:1!important;padding:1.5rem 1.25rem!important}.legal-title{margin-bottom:1.5rem!important;font-size:1.5rem!important}.legal-section-title{font-size:1.05rem!important}.legal-section-content{font-size:.925rem!important}}.btn-next:focus-visible,.btn-prev:focus-visible,.btn-legal-back:focus-visible,.public-form-footer a:focus-visible,.public-language-selector-compact select:focus-visible,.public-option-label input:focus-visible+span,.btn-gateway-pay:focus-visible,.btn-gateway-iframe:focus-visible,.gateway-search-input:focus-visible,.public-input:focus-visible,.public-select:focus-visible,.public-textarea:focus-visible{outline:3px solid var(--primary-color,#2563eb)!important;outline-offset:3px!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color,#2563eb) 15%, transparent)!important}.public-option-label.sold-out{opacity:.55;color:#94a3b8;cursor:not-allowed}.public-option-label.sold-out:hover{background:0 0}.public-option-label.sold-out input{cursor:not-allowed}.public-option-label.sold-out span{-webkit-text-decoration:line-through #cbd5e1;text-decoration:line-through #cbd5e1}.public-option-label .sold-out-badge{color:#ef4444;background:#fef2f2;border:1px solid #ef444433;border-radius:4px;margin-left:.5rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600;line-height:1;display:inline-block;text-decoration:none!important}.public-option-label .sold-out-badge.warning{color:#ea580c;background:#fff7ed;border-color:#ea580c33}.public-option-label .sold-out-badge.info{color:#0284c7;background:#f0f9ff;border-color:#0284c733}.field-sold-out-alert{color:#ef4444;background:#fef2f2;border:1px solid #ef444433;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.8rem;font-weight:600;display:flex}.public-card .public-success{flex-direction:column;align-items:center;gap:1.25rem;min-height:auto;padding:2.5rem 1.5rem;display:flex}.success-icon-wrapper{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;padding:1rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both success-scale;display:inline-flex}.success-checkmark{stroke-width:2.5px}.success-message{color:#64748b;max-width:400px;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.btn-success-reset{border-radius:8px;justify-content:center;width:100%;max-width:280px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.btn-success-reset:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}@keyframes success-scale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--danger-bg:#fef2f2;--border-color:#e2e8f0;--border-focus:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:10;box-shadow:var(--shadow-sm);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:100%;height:3.5rem;margin:0 auto;padding:0 2.5rem;display:flex}.logo-container{align-items:center;gap:.5rem;display:flex}.logo-icon{color:var(--accent-primary);background:#eff6ff;border-radius:.25rem;justify-content:center;align-items:center;padding:.4rem;display:flex}.logo-container h1{color:var(--text-primary);letter-spacing:-.025em;font-size:1.1rem;font-weight:700}.tab-switcher{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.375rem;padding:.2rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.main-content{flex:1;width:100%;max-width:100%;margin:0 auto;padding:1rem 2rem}.lang-switcher{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.25rem;margin-left:1rem;display:flex;overflow:hidden}.lang-btn{cursor:pointer;color:var(--text-secondary);letter-spacing:.05em;background:0 0;border:none;padding:.35rem .75rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .15s}.lang-btn.active{background:var(--accent-primary);color:#fff}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.builder-layout{height:100%;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:1.5rem;width:300px;padding:1.5rem 1rem;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:.75rem;display:flex}.sidebar-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.publish-main-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;margin-bottom:1rem;padding:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.publish-main-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.publish-info{border:1px solid var(--border-color);background:#f8fafc;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem}.publish-info p{color:#64748b;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.code-box{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .6rem;display:flex}.code-box code{color:#334155;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:.7rem;overflow:hidden}.code-box button{color:#94a3b8;cursor:pointer;background:0 0;border:none}.code-box button:hover{color:var(--accent-primary)}.view-link{color:var(--accent-primary);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.view-link:hover{text-decoration:underline}.sidebar h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.7rem}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);gap:2rem;display:grid}.profile-input-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.profile-view-grid{grid-template-columns:1fr 1fr;gap:1rem;font-size:.85rem;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.profile-input-grid,.profile-view-grid{grid-template-columns:1fr}}.add-field-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-align:center;background:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.75rem .5rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.add-field-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-sm);background:#f1f5f9;transform:translateY(-2px)}.add-field-btn.full-width{flex-direction:row;grid-column:span 2;justify-content:flex-start;padding-left:1rem}.field-icon{color:var(--text-secondary);width:16px;height:16px}.canvas{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tab-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:5;justify-content:center;padding:1.25rem 0 .5rem;display:flex;position:sticky;top:0}.canvas-content{flex:1;display:flex;overflow:hidden}.canvas-content.split-view{flex-direction:row}.split-pane{flex:1;position:relative;overflow-y:auto}.split-pane.build-pane{padding:1rem}.split-pane.preview-pane{background-color:var(--bg-tertiary)}.split-view .split-pane.build-pane{border-right:1px solid var(--border-color)}@media (width<=1024px){.canvas-content.split-view{flex-direction:column}.split-view .split-pane.build-pane{border-right:none;border-bottom:1px solid var(--border-color)}}.tab-header{z-index:5;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0}.constructor-header-preview{border:1px dashed var(--border-color);background:var(--bg-primary);border-radius:.25rem;justify-content:center;align-items:center;height:80px;margin-top:1rem;display:flex;position:relative;overflow:hidden}.header-preview-img{object-fit:cover;opacity:.5;width:100%;height:100%}.header-preview-logo{height:50px;box-shadow:var(--shadow-sm);background:#fff;border-radius:.125rem;padding:.3rem;position:absolute}.header-preview-logo img{max-height:100%;display:block}.form-header-config{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:1.5rem;padding:1rem}.config-title{text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:flex}.color-picker-row{align-items:center;gap:.5rem;display:flex}.color-picker-input{cursor:pointer;border-radius:.125rem;height:2.2rem;border:1px solid var(--border-color)!important;width:2.5rem!important;padding:.1rem!important}.color-hex{color:var(--text-secondary);letter-spacing:.05em;font-family:monospace;font-size:.75rem}.sections-list{flex-direction:column;flex:1;min-height:50px;display:flex}.section-block{background:#fff;border:1px solid #0000;border-radius:.75rem;margin-bottom:1.5rem;transition:all .25s;position:relative;overflow:hidden}.section-block.has-border{border:1px solid #cbd5e1;box-shadow:0 1px 3px #0000000d}.builder-canvas-area{width:100%;max-width:1400px;margin:0 auto}.grid-system{place-items:start stretch;gap:1.5rem;width:100%;display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.col-span-1{grid-column:span 1;width:100%}.col-span-2{grid-column:span 2;width:100%}.col-span-3{grid-column:span 3;width:100%}.col-span-4{grid-column:span 4;width:100%}.col-span-5{grid-column:span 5;width:100%}.col-span-6{grid-column:span 6;width:100%}.column-span-select{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:4px;outline:none;padding:.1rem .3rem;font-size:.75rem}.column-span-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb1a}.section-block.section-active{border-color:var(--accent-primary);z-index:10;transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.section-block.section-active .section-header{background:#f0f7ff;border-bottom-color:#2563eb33}.section-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:.75rem .75rem 0 0;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.section-block.is-collapsed .section-header{border-bottom:none;border-radius:.75rem}.section-drag{color:#cbd5e1;cursor:grab;flex-shrink:0}.section-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.section-title-area{flex-direction:column;flex:1;gap:.1rem;display:flex;overflow:hidden}.section-title-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;font-size:.9rem;font-weight:700}.section-title-input:focus{text-underline-offset:2px;text-decoration:underline}.section-desc-input{color:var(--text-secondary);background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;font-size:.75rem}.section-meta{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.section-field-count{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.125rem;padding:.1rem .4rem;font-size:.7rem}.section-empty{color:#94a3b8;border:1px dashed var(--border-color);border-radius:.125rem;align-items:center;gap:.5rem;margin:.75rem;padding:1.5rem;font-size:.8rem;display:flex}.dragging-over{background:#eff6ff}.add-section-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:.25rem;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;padding:.6rem .8rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .1s;display:flex}.add-section-btn:hover{background:var(--bg-tertiary);border-color:var(--border-focus)}.add-section-btn svg{color:var(--text-secondary)}.sidebar-divider{background:var(--border-color);height:1px;margin:.5rem 0}.sidebar-hint{color:var(--text-secondary);margin-bottom:.25rem;font-size:.7rem;line-height:1.4}.preview-section{margin-bottom:1rem}.preview-section-header{border-bottom:2px solid var(--accent-primary);margin-bottom:1rem;padding-bottom:.5rem}.preview-section-title{color:var(--text-primary);font-size:1rem;font-weight:700}.width-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;gap:2px;margin-top:.2rem;padding:2px;display:flex}.width-toggle button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.width-toggle button:hover{color:var(--text-primary);background:#0000000d}.width-toggle button.active{background:var(--accent-primary);color:#fff;box-shadow:0 1px 3px #2563eb4d}.preview-section-desc{color:var(--text-secondary);margin-top:.2rem;font-size:.8rem}.preview-section-fields{flex-direction:column;gap:1.25rem;display:flex}.section-branching{border-bottom:1px solid var(--border-color);background:#f8faff;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.branching-label{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:600}.branching-select{max-width:220px}.preview-branch-hint{border-left:3px solid var(--accent-primary);color:var(--text-secondary);background:#f0f7ff;border-radius:0 .125rem .125rem 0;margin-top:1rem;padding:.6rem .85rem;font-size:.8rem}.preview-branch-hint p+p{margin-top:.25rem}.section-body{flex-direction:column;display:flex}.empty-state{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{background:var(--bg-tertiary);width:3rem;height:3rem;color:var(--text-secondary);border-radius:.25rem;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.field-list{flex-direction:column;min-height:50px;display:flex}.field-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.25rem;align-items:flex-start;gap:.75rem;width:100%;margin-bottom:.75rem;padding:.75rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.field-item:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.drag-handle{color:#cbd5e1;cursor:grab;margin-top:.4rem}.field-settings{flex-direction:column;flex:1;gap:.5rem;display:flex}.field-type-badge{color:var(--text-secondary);background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.025em;border:1px solid var(--border-color);border-radius:.125rem;width:fit-content;padding:.15rem .4rem;font-size:.65rem;font-weight:700;display:inline-flex}.field-row{gap:1rem;width:100%;display:flex}.field-advanced-settings{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.125rem;padding:.75rem}.settings-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.field-input-group{flex:1}.field-input-group label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.field-input-group input,.field-input-group textarea,.custom-select{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:.125rem;outline:none;padding:.4rem .6rem;font-family:inherit;font-size:.85rem;transition:border-color .15s}.field-input-group input:focus,.field-input-group textarea:focus,.custom-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb1a}.field-checkbox{flex-direction:column;justify-content:flex-end;width:100px;display:flex}.field-checkbox label{cursor:pointer;align-items:center;gap:.4rem;height:2.1rem;display:flex}.field-checkbox input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--accent-primary)}.field-checkbox span{color:var(--text-secondary);font-size:.8rem;font-weight:500}.delete-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.4rem;transition:all .15s}.delete-btn:hover{color:var(--danger);background:var(--danger-bg)}.special-badge{color:var(--accent-primary);letter-spacing:.05em;background:#eff6ff;border:1px solid #dbeafe;border-radius:.125rem;padding:.1rem .4rem;font-size:.6rem;font-weight:700;position:absolute;top:-.4rem;right:3rem}.preview-layout{justify-content:center;display:flex}.preview-card{color:var(--text-primary);border:1px solid var(--border-color);width:100%;max-width:1200px;box-shadow:var(--shadow-md);background:#fff;border-radius:.125rem;padding:0;position:relative;overflow:hidden}.preview-banner-container{border-bottom:1px solid var(--border-color);background:#f1f5f9;width:100%;height:180px;position:relative;overflow:hidden}.preview-banner-img{object-fit:cover;width:100%;height:100%}.preview-banner-placeholder{background:linear-gradient(90deg,#f8fafc,#f1f5f9);width:100%;height:100%}.preview-logo-overlay{box-shadow:var(--shadow-md);background:#fff;border-radius:.25rem;max-width:120px;padding:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-logo-overlay img{max-width:100%;max-height:60px;display:block}.preview-header-text{padding:2rem 3rem 1.5rem}.preview-header-text h2{color:#0f172a;border-bottom:none;margin-bottom:.5rem;padding-bottom:0;font-size:1.75rem;font-weight:800}.preview-description{color:var(--text-secondary);max-width:600px;font-size:.95rem}.preview-fields{flex-direction:column;gap:1.5rem;padding:0 3rem 3rem;display:flex}.preview-field-group{flex-direction:column;gap:.4rem;display:flex}.preview-field-group label{color:var(--text-primary);font-size:.85rem;font-weight:600}.required-star{color:var(--danger);margin-left:.1rem}.preview-field-group input:not([type=checkbox]):not([type=radio]),.preview-field-group textarea,.preview-field-group select{width:100%;color:var(--text-primary);background:#fff;border:1px solid #d1d5db;border-radius:.125rem;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;transition:all .15s}.preview-field-group input:focus,.preview-field-group textarea:focus,.preview-field-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb1a}.input-wrapper{position:relative}.preview-field-group input.validate-me:not(:placeholder-shown):valid,.preview-field-group textarea.validate-me:not(:placeholder-shown):valid,.preview-field-group select.validate-me:valid{border-color:#10b981}.preview-field-group input.validate-me:not(:placeholder-shown):invalid,.preview-field-group textarea.validate-me:not(:placeholder-shown):invalid,.preview-field-group select.validate-me:invalid{border-color:var(--danger)}.preview-field-group input.special-input{cursor:pointer;height:2.5rem;padding:.25rem}.options-group{flex-direction:column;gap:.4rem;padding-left:.25rem;display:flex}.option-label{cursor:pointer;align-items:center;gap:.5rem;display:flex;color:var(--text-primary)!important;font-size:.85rem!important;font-weight:400!important}.signature-placeholder{background:var(--bg-tertiary);height:100px;color:var(--text-secondary);border:1px dashed #cbd5e1;border-radius:.125rem;flex-direction:column;justify-content:center;align-items:center;display:flex}.sig-title{margin-top:.5rem;font-size:.8rem;font-weight:600}.sig-subtitle{font-size:.7rem}.preview-actions{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:3rem;padding-top:1.5rem;display:flex}.generate-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:.125rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.generate-btn:hover:not(:disabled){background:var(--accent-hover)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.schemas-portal{max-width:1000px;margin:2rem auto;padding:0 1.5rem;font-family:Inter,sans-serif}.portal-header{text-align:center;margin-bottom:2rem}.portal-logo-icon{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.25rem;transition:transform .3s;display:flex}.portal-logo-icon:hover{transform:rotate(10deg)scale(1.05)}.portal-title{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-primary) 0%, #1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.portal-subtitle{color:var(--text-secondary);font-size:1rem}.schemas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.schema-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .2s;display:flex;position:relative}.schema-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary);transform:translateY(-2px)}.schema-card-info{margin-bottom:1.5rem}.schema-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:700;line-height:1.4}.schema-card-badge{color:var(--accent-primary);text-transform:uppercase;background:#eff6ff;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.schema-card-actions{gap:.75rem;display:flex}.btn-view-schema{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.btn-view-schema:hover{background:var(--accent-hover)}.btn-copy-iframe{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.6rem;transition:all .2s;display:flex}.btn-copy-iframe:hover{background:#cbd5e1}.toast-message{color:#fff;box-shadow:var(--shadow-md);z-index:10000;background:#10b981;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;animation:.3s ease-out slideIn;position:fixed;bottom:2rem;right:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.gateway-container{box-sizing:border-box;flex-direction:column;gap:2rem;max-width:800px;min-height:calc(100vh - 6rem);margin:3rem auto;padding:0 1.5rem;font-family:Inter,sans-serif;display:flex}.gateway-header{border-bottom:2px solid var(--border-color);align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex;position:relative}.gateway-logo-container{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;border-radius:1rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.gateway-title-wrapper{flex:1}.gateway-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.85rem;font-weight:800;line-height:1.15}.gateway-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500}.gateway-language-selector{border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex}.gateway-language-selector select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.85rem;font-weight:600}.gateway-search-box{width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;transition:color .2s;position:absolute;left:1.25rem}.gateway-search-input{width:100%;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:1rem;outline:none;padding:1.1rem 1.25rem 1.1rem 3.25rem;font-family:inherit;font-size:1.05rem;font-weight:500;transition:all .2s}.gateway-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #2563eb1a, var(--shadow-md)}.gateway-search-input:focus+.search-icon{color:var(--accent-primary)}.gateway-list{flex-direction:column;gap:1.25rem;display:flex}.gateway-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:1.25rem;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.gateway-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.gateway-card-main{flex:1;align-items:flex-start;gap:1.25rem;display:flex}.gateway-card-icon{color:var(--accent-primary);background:#eff6ff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.gateway-card-content{flex-direction:column;gap:.25rem;display:flex}.gateway-card-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.gateway-card-desc{color:var(--text-secondary);margin:0;font-size:.925rem;line-height:1.45}.gateway-card-actions{margin-left:1.5rem}.btn-gateway-pay{background:var(--accent-primary);color:#fff;white-space:nowrap;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #2563eb33,0 2px 4px -2px #2563eb33}.btn-gateway-pay:hover{background:var(--accent-hover);transform:translate(2px);box-shadow:0 10px 15px -3px #2563eb4d}.btn-gateway-iframe{border:2px solid var(--border-color);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-gateway-iframe:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-focus)}.gateway-empty{text-align:center;border:1px dashed var(--border-color);color:var(--text-secondary);background:#fff;border-radius:1.25rem;padding:4rem 2rem;font-weight:500}@media (width<=640px){.gateway-container{gap:1.5rem;margin:1.5rem auto}.gateway-header{flex-direction:column;align-items:flex-start;gap:1rem}.gateway-language-selector{align-self:flex-end}.gateway-card{flex-direction:column;align-items:stretch;gap:1.25rem}.gateway-card-actions{width:100%;margin-left:0}.gateway-card-actions>div{width:100%}}