.wizard-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:calc(var(--space-24) + var(--space-8)) var(--space-6) var(--space-16)}.wizard-header{text-align:center;margin-bottom:var(--space-10)}.wizard-header h1{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-3)}.wizard-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.progress-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10)}.progress-step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:all var(--transition-base)}.progress-step.active{color:var(--color-text)}.progress-step.completed{color:var(--color-accent)}.step-circle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-base)}.progress-step.active .step-circle{background:var(--gradient-primary);border-color:transparent;color:#fff}.progress-step.completed .step-circle{background:var(--color-accent);border-color:transparent;color:var(--color-bg)}.progress-line{width:40px;height:2px;background:var(--color-border)}.wizard-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-6);min-height:500px}.wizard-step{display:none;animation:fadeIn .3s ease}.wizard-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{margin-bottom:var(--space-10)}.form-section:last-child{margin-bottom:0}.form-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.form-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group select{cursor:pointer}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.input-hint a{color:var(--color-primary);text-decoration:underline}.image-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.image-upload-area:hover{border-color:var(--color-primary);background:#6366f10d}.image-upload-area.has-image .upload-placeholder{display:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.upload-icon{font-size:var(--font-size-4xl);opacity:.6}.upload-placeholder p{color:var(--color-text-secondary)}.upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.image-preview{display:none;max-width:200px;max-height:200px;object-fit:contain;border-radius:var(--radius-lg)}.image-upload-area.has-image .image-preview{display:block;margin:0 auto}.image-options{margin-top:var(--space-4);text-align:center}.image-options-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.image-mode-toggle{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.image-mode-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);min-width:120px}.image-mode-option:hover{border-color:var(--color-border-hover)}.image-mode-option.active{border-color:var(--color-primary);background:#6366f11a}.image-mode-option input{display:none}.mode-icon{font-size:var(--font-size-2xl)}.mode-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.mode-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ai-generate-option{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);justify-content:center}.ai-generate-option span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.theme-card{padding:var(--space-4);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:center}.theme-card:hover{border-color:var(--color-border-hover)}.theme-card.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.theme-preview{height:80px;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.modern-dark-preview{background:linear-gradient(135deg,#1a1a2e,#16213e)}.clean-light-preview{background:linear-gradient(135deg,#fff,#f0f0f5)}.bold-gradient-preview{background:linear-gradient(135deg,#667eea,#764ba2)}.minimal-preview{background:linear-gradient(135deg,#f5f5f5,#fff);border:1px solid var(--color-border)}.luxe-preview{background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#2a2a2a)}.playful-preview{background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb)}.beauty-preview{background:linear-gradient(135deg,#fdf8f6,#e8a0b4,#d4a574)}.dashboard-preview{background:linear-gradient(135deg,#0a0a0f,#12121a,#1a1a24);position:relative}.dashboard-preview:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:20px;background:#6366f14d;border-radius:4px}.dashboard-preview:after{content:"";position:absolute;right:8px;top:8px;width:calc(100% - 44px);height:24px;background:#6366f133;border-radius:4px}.theme-card span{font-size:var(--font-size-sm);font-weight:500}.color-pickers{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.color-picker-group{flex:1}.color-picker-group label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-2)}.color-input-wrapper{display:flex;gap:var(--space-2)}.color-input-wrapper input[type=color]{width:50px;height:42px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-secondary)}.color-text-input{flex:1;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:monospace;font-size:var(--font-size-sm)}.payment-option{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-4)}.payment-option:hover{border-color:var(--color-border-hover)}.payment-option.active{border-color:var(--color-primary)}.payment-header{display:flex;align-items:center;justify-content:space-between}.payment-info{display:flex;align-items:center;gap:var(--space-4)}.payment-icon{font-size:var(--font-size-3xl)}.payment-info h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.payment-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.payment-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;font-size:var(--font-size-sm);opacity:0;transition:opacity var(--transition-fast)}.payment-option.active .payment-check{opacity:1}.payment-config{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.info-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:#22d3ee1a;border:1px solid rgba(34,211,238,.2);border-radius:var(--radius-xl)}.info-icon{font-size:var(--font-size-2xl)}.info-content h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.info-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.review-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.review-item{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.review-item:last-child{border-bottom:none}.review-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.review-value{font-weight:500;font-size:var(--font-size-sm)}.generate-section{text-align:center;padding:var(--space-8) 0}.btn-generate{padding:var(--space-5) var(--space-12);font-size:var(--font-size-lg)}.generating-section{text-align:center;padding:var(--space-10) 0}.generating-animation{margin-bottom:var(--space-8)}.spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-6);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generating-animation h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.generating-animation p{color:var(--color-text-secondary)}.generation-steps{display:flex;flex-direction:column;gap:var(--space-3);max-width:300px;margin:0 auto}.gen-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.5;transition:all var(--transition-base)}.gen-step.active{opacity:1;color:var(--color-text);background:var(--color-bg-tertiary)}.gen-step.completed{opacity:1;color:var(--color-accent)}.gen-step.completed .gen-icon:after{content:"✓"}.success-section{text-align:center;padding:var(--space-10) 0}.success-icon{font-size:80px;margin-bottom:var(--space-6);animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-section h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.success-section>p{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.success-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-10)}.deploy-options{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.deploy-options h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-6)}.deploy-grid{display:flex;gap:var(--space-4);justify-content:center}.deploy-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:140px;transition:all var(--transition-base);cursor:pointer;text-decoration:none;color:inherit}.deploy-option:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 30px #6366f133}.deploy-option img{height:24px;width:auto}.deploy-icon{font-size:var(--font-size-3xl)}.deploy-option span:nth-child(2){font-size:var(--font-size-sm);font-weight:600}.deploy-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.deploy-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.custom-domain-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border);text-align:left}.custom-domain-section h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}.custom-domain-section>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.domain-steps{padding-left:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.domain-steps li{margin-bottom:var(--space-2)}.domain-steps li::marker{color:var(--color-primary)}.deploy-instructions{margin-top:var(--space-6)}.instructions-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:left}.instructions-card h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-3)}.instructions-card ol{padding-left:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.instructions-card li{margin-bottom:var(--space-2)}.docs-link{display:inline-block;margin-top:var(--space-4);color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.docs-link:hover{text-decoration:underline}.wizard-nav{display:flex;justify-content:space-between}.crypto-chains{display:flex;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.chain-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.chain-option:hover{border-color:var(--color-primary)}.chain-option input[type=checkbox]{accent-color:var(--color-primary)}.chain-option input[type=checkbox]:checked+span{color:var(--color-primary);font-weight:500}.hidden{display:none!important}@media(max-width:768px){.progress-steps{flex-wrap:wrap}.progress-step span{display:none}.progress-line{width:20px}.form-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.color-pickers{flex-direction:column}.success-actions{flex-direction:column;align-items:center}.deploy-grid{flex-wrap:wrap}}.stripe-connect-status{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stripe-connect-status.connected{background:#22c55e1a;border-color:#22c55e4d}.connect-info{display:flex;align-items:center;gap:var(--space-3)}.status-icon{font-size:var(--font-size-2xl)}.status-icon.spinning{animation:spin 1s linear infinite}.status-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);margin:0}.status-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.connected-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover)}.advanced-option{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.advanced-option summary{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2) 0}.advanced-option summary:hover{color:var(--color-text-secondary)}.advanced-option[open] summary{color:var(--color-text)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.shop-type-toggle{display:flex;gap:16px;margin-bottom:32px}.shop-type-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 20px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;cursor:pointer;transition:all .3s ease}.shop-type-option:hover{border-color:var(--color-primary-muted);background:#6366f10d}.shop-type-option.active{border-color:var(--color-primary);background:#6366f11a}.shop-type-option input[type=radio]{display:none}.shop-type-icon{font-size:32px;margin-bottom:12px}.shop-type-label{font-weight:600;font-size:16px;color:var(--color-text);margin-bottom:4px}.shop-type-desc{font-size:13px;color:var(--color-text-muted);text-align:center}.shop-name-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.products-list-container{margin-bottom:24px}.products-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.products-list-header h3{font-size:16px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.product-count-badge{background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.products-header-actions{display:flex;gap:8px;align-items:center}.btn-add-product{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--color-primary),#4f46e5);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-product:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-add-trending{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-trending:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f9731666}.btn-add-trending:disabled{opacity:.7;cursor:not-allowed;transform:none}.products-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.products-list::-webkit-scrollbar{width:6px}.products-list::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.products-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.product-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;transition:all .2s ease}.product-card:hover{border-color:var(--color-primary-muted)}.product-card.active{border-color:var(--color-primary);background:#6366f114}.product-card.editing{border-color:var(--color-accent);box-shadow:0 0 0 3px #22d3ee33}.product-card-image{width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-image .placeholder-icon{font-size:24px}.product-card-info{flex:1;min-width:0}.product-card-name{font-weight:600;font-size:15px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.product-card-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-muted)}.product-card-price{color:var(--color-primary);font-weight:600}.product-card-niche{background:#6366f126;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase}.product-card-actions{display:flex;gap:8px}.product-card-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.product-card-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.product-card-btn.delete:hover{background:#ef4444;border-color:#ef4444}.product-editor-panel{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:16px;padding:24px;margin-top:24px}.product-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.product-editor-header h3{font-size:18px;font-weight:600;color:var(--color-text)}.btn-close-editor{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:18px;color:var(--color-text-muted);transition:all .2s}.btn-close-editor:hover{background:var(--color-bg);color:var(--color-text)}.product-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.products-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:16px;text-align:center}.products-empty-icon{font-size:48px;margin-bottom:16px}.products-empty-state h4{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}.products-empty-state p{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.single-product-form{display:none}.single-product-form.active{display:block}.multi-product-form{display:none}.multi-product-form.active{display:block}.inline-product-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline-product-form .form-group.full-width{grid-column:1 / -1}.image-upload-area.small{min-height:120px;padding:16px}.image-upload-area.small .upload-placeholder{padding:16px}.image-upload-area.small .upload-icon{font-size:24px}.image-upload-area.small p{font-size:13px;margin-top:8px}.image-upload-area.small.has-image .upload-placeholder{display:none}.image-upload-area.small .image-preview{max-height:100px}.btn-sm{padding:8px 12px;font-size:13px}@media(max-width:768px){.shop-type-toggle{flex-direction:column}.products-list-header{flex-direction:column;gap:12px;align-items:stretch}.products-header-actions{flex-direction:column}.btn-add-trending,.btn-add-product{width:100%;justify-content:center}.product-card{flex-wrap:wrap}.product-card-actions{width:100%;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.inline-product-form{grid-template-columns:1fr}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}
