.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:white}.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 0.3s ease}.wizard-step.active{display:block}@keyframes fadeIn{from{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:rgba(99,102,241,0.05)}.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:0.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:rgba(99,102,241,0.1)}.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 0%,#16213e 100%)}.clean-light-preview{background:linear-gradient(135deg,#ffffff 0%,#f0f0f5 100%)}.bold-gradient-preview{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.minimal-preview{background:linear-gradient(135deg,#f5f5f5 0%,#ffffff 100%);border:1px solid var(--color-border)}.luxe-preview{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#2a2a2a 100%)}.playful-preview{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 50%,#48dbfb 100%)}.beauty-preview{background:linear-gradient(135deg,#fdf8f6 0%,#e8a0b4 50%,#d4a574 100%)}.dashboard-preview{background:linear-gradient(135deg,#0a0a0f 0%,#12121a 50%,#1a1a24 100%);position:relative}.dashboard-preview::before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:20px;background:rgba(99,102,241,0.3);border-radius:4px}.dashboard-preview::after{content:'';position:absolute;right:8px;top:8px;width:calc(100% - 44px);height:24px;background:rgba(99,102,241,0.2);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:white;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:rgba(34,211,238,0.1);border:1px solid rgba(34,211,238,0.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:0.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 0.5s ease}@keyframes bounce{0%,100%{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 rgba(99,102,241,0.2)}.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}.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}}