@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-card:#fff;--text-primary:#000;--text-secondary:#333;--text-muted:#666;--accent:#444;--accent-hover:#555;--accent-text:#fff;--border:#ccc;--success:#10b981;--warning:#f59e0b;--error:#ef4444}:not(pre):not(code):not(img):not(svg){font-family:Inter,sans-serif!important}img[alt*=emoji],img[src*=emoji],svg[data-icon*=emoji]{display:none!important}body{-ms-text-autospace:none;-webkit-font-smoothing:antialiased}body :not(input):not(textarea):not(pre):not(code){text-shadow:none;unicode-bidi:normal}body :not(input):not(textarea):not(pre):not(code):before,body :not(input):not(textarea):not(pre):not(code):after{content:none!important}.wizard-nav .nav-link,.message-ai .avatar,.message-user .content,.check-item .icon,.name-card-header h3,.name-checks .check,.branding-header h2,.branding-header svg,.brand-section h3,.brand-section h3 svg,.logo-generation-section h3,.logo-generation-section h3 svg,.build-header h2,.build-header svg{font-family:Inter,sans-serif!important}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.wizard-container{flex-direction:column;min-height:100vh;display:flex}.wizard-nav{background:var(--bg-primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.wizard-nav .nav-brand{color:var(--text-primary);font-size:18px;font-weight:700}.wizard-nav .nav-link{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.wizard-nav .nav-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.chat-panel{flex-direction:column;flex:1;max-width:680px;margin:0 auto;padding:48px 32px;display:flex}.chat-messages{flex:1;padding-bottom:32px;overflow-y:auto}.message{margin-bottom:28px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-ai{gap:16px;display:flex}.message-ai .avatar{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message-ai .content{flex:1}.message-ai .content p{color:var(--text-primary);font-size:15px;line-height:1.7}.message-user{justify-content:flex-end;display:flex}.message-user .content{background:var(--bg-secondary);border-radius:16px;max-width:85%;padding:12px 18px;font-size:15px}.input-area{border-top:1px solid var(--border);box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:24px 20px 12px}.input-wrapper{align-items:flex-end;gap:12px;display:flex}.input-wrapper textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);resize:none;border-radius:12px;flex:1;min-height:48px;max-height:200px;padding:14px 18px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s,background .2s}.input-wrapper textarea:focus{border-color:var(--accent);background:var(--bg-primary);outline:none}.input-wrapper textarea::placeholder{color:var(--text-muted);font-size:13px}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .1s;display:flex}.send-btn:hover{background:var(--accent-hover)}.send-btn:active{transform:scale(.96)}.send-btn:disabled{background:var(--border);cursor:not-allowed}.suggestions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.suggestion-card{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;width:100%;padding:16px 20px;transition:all .2s}.suggestion-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.suggestion-card h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.suggestion-card p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.suggestion-card-wrapper{align-items:stretch;gap:8px;display:flex}.suggestion-card-wrapper .suggestion-card{flex:1}.pin-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;width:40px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pin-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.saved-ideas-panel{background:var(--bg-primary);border:1px solid var(--border);z-index:100;border-radius:16px;width:280px;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.saved-ideas-header{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.saved-ideas-list{max-height:400px;padding:12px;overflow-y:auto}.saved-idea-card{background:var(--bg-secondary);border-radius:10px;gap:10px;margin-bottom:8px;padding:12px;display:flex}.saved-idea-card:last-child{margin-bottom:0}.saved-idea-content{flex:1;min-width:0}.saved-idea-content h4{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.saved-idea-content p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.saved-idea-content.clickable{cursor:pointer;border-radius:8px;margin:-8px;padding:8px;transition:background .2s}.saved-idea-content.clickable:hover{background:#0000000a}.research-hint{color:var(--accent);opacity:0;margin-top:4px;font-size:11px;transition:opacity .2s;display:block}.saved-idea-content.clickable:hover .research-hint{opacity:1}.remove-btn{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-btn:hover{color:var(--error);background:#ef44441a}.name-result{flex-direction:column;gap:10px;margin-top:20px;display:flex}.check-item{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.check-item .icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.check-item .icon.available{color:var(--success);background:#10b9811a}.check-item .icon.taken{color:var(--error);background:#ef44441a}.check-item .icon.warning{color:var(--warning);background:#f59e0b1a}.check-item .info{flex:1}.check-item .label{color:var(--text-primary);font-size:14px;font-weight:500}.check-item .status{color:var(--text-secondary);font-size:13px}.name-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:100%;margin-top:16px;display:grid}.name-card{background:var(--bg-secondary);border:1px solid #0000;border-radius:10px;padding:12px;transition:all .2s}.name-card.great{border-color:var(--success);background:#10b9810a}.name-card.okay{border-color:var(--warning);background:#f59e0b0a}.name-card.poor{border-color:var(--border)}.name-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.name-card-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.name-card-header .score{background:var(--bg-primary);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:600}.name-card.great .score{color:var(--success);background:#10b9811a}.name-card.okay .score{color:var(--warning);background:#f59e0b1a}.name-checks{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.name-checks .check{align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.name-checks .check span{color:var(--text-secondary);flex:1}.name-checks .check.pass{color:var(--success)}.name-checks .check.pass span{color:var(--text-primary)}.name-checks .check.fail{color:var(--error)}.name-checks .check.warn{color:var(--warning)}.use-name-btn{color:#1a1a1a;cursor:pointer;background:#f0f0f0;border:1px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.use-name-btn:hover{background:#e5e5e5;border-color:#9ca3af;transform:translateY(-1px)}.progress-bar{border-bottom:1px solid var(--border);gap:12px;margin-bottom:32px;padding:20px 0;display:flex}.progress-step{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.progress-step.completed{color:#60a5fa}.progress-dot{background:var(--border);border-radius:50%;width:8px;height:8px}.progress-step.active .progress-dot,.progress-step.completed .progress-dot{background:#60a5fa}.progress-step.clickable{cursor:pointer;transition:color .2s}.progress-step.clickable:hover span{color:var(--accent)}.progress-bar.no-boxes .progress-step{cursor:pointer;transition:color .2s}.progress-bar.no-boxes .progress-step:hover span{color:var(--accent)}.services-bar{text-align:center;padding:8px 0 16px}.services-bar p{color:var(--text-secondary);margin:0;font-size:13px}.services-bar a{color:var(--accent);font-weight:500;text-decoration:none}.services-bar a:hover{text-decoration:underline}.services-bar.bottom{color:var(--text-secondary);margin-top:auto;padding:16px 0;font-size:13px}.input-area.top{margin-bottom:20px}.input-area.after-hey{margin:16px 0}.quick-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.quick-btn{border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 18px;font-size:13px;transition:all .2s}.quick-btn:hover{color:#1a1a1a;background:#f5f5f5;border-style:solid;border-color:#9ca3af}.naming-action-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:400px;padding:14px;display:flex}.naming-action-panel.inline-panel{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:1px solid #94a3b8;margin-top:16px;margin-bottom:12px}.naming-panel-title{color:var(--text-primary);text-align:center;margin:0;font-size:14px;font-weight:600}.naming-panel-subtitle{color:var(--text-muted);text-align:center;margin:0 0 4px;font-size:12px}.naming-option{flex-direction:column;gap:6px;display:flex}.option-hint{color:var(--text-muted);margin:0;padding-left:2px;font-size:11px}.generate-names-btn{color:#374151;cursor:pointer;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border:1px solid #9ca3af;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #9ca3af26}.generate-names-btn:hover:not(:disabled){border-color:#6b7280;transform:translateY(-2px);box-shadow:0 6px 20px #9ca3af4d}.generate-names-btn:disabled{opacity:.6;cursor:not-allowed}.naming-divider{align-items:center;gap:16px;padding:8px 0;display:flex}.naming-divider:before,.naming-divider:after{content:"";background:var(--border);flex:1;height:1px}.naming-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.custom-name-input-wrapper{gap:8px;display:flex}.custom-name-input{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;flex:1;padding:14px 18px;font-size:15px;transition:all .2s}.custom-name-input:focus{border-color:#9ca3af;outline:none;box-shadow:0 0 0 3px #0000000f}.custom-name-input::placeholder{color:var(--text-muted)}.custom-name-input:disabled{opacity:.6;cursor:not-allowed}.verify-name-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.verify-name-btn:hover:not(:disabled){color:#1a1a1a;background:#f5f5f5;border-color:#9ca3af}.verify-name-btn:disabled{opacity:.5;cursor:not-allowed}.skip-label{color:#374151;margin:0 0 4px;font-size:12px;font-weight:500}.skip-inputs-wrapper{flex-direction:column;gap:6px;display:flex}.skip-to-branding-btn{color:#374151;cursor:pointer;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border:1px solid #9ca3af;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.skip-to-branding-btn:hover:not(:disabled){background:linear-gradient(135deg,#d1d5db 0%,#c7cbd0 100%);border-color:#6b7280}.skip-to-branding-btn:disabled{opacity:.5;cursor:not-allowed}.skip-naming-btn{color:var(--text-muted);margin-top:8px;font-size:12px}.typing-indicator{gap:5px;padding:8px 0;display:flex}.typing-indicator span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.thinking-status{padding:8px 0}.thinking-status-inner{align-items:center;gap:10px;display:flex}.thinking-status .spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:1s linear infinite spin}.thinking-phrase{color:var(--text-secondary);margin:0;font-size:13px;font-weight:500;animation:.4s ease-in-out fadeInPhrase}@keyframes fadeInPhrase{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}button{cursor:pointer;font-family:Inter,sans-serif}.btn-primary{color:#1a1a1a;background:#f0f0f0;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#e5e5e5;border-color:#9ca3af}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--text-secondary);background:var(--bg-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.verified-names-section{margin-top:20px}.verified-header{color:var(--text-primary);background:linear-gradient(135deg,#9696961a,#96969608);border:1px solid #96969633;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.name-card.verified{background:linear-gradient(to bottom,#c8c8c814,var(--bg-secondary));border:1px solid #9696964d}.verified-badge{color:var(--text-secondary);background:#96969626;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.check-section{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:6px}.check-section:last-of-type{border-bottom:none;margin-bottom:6px}.check-title{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:3px;font-size:12px;font-weight:600;display:flex}.check-title .check-icon{color:#60a5fa;margin-left:auto}.check-detail{color:var(--text-secondary);margin:0 0 4px 20px;font-size:11px;line-height:1.3}.screenshot-link{color:var(--accent);background:#7c3aed1a;border-radius:6px;align-items:center;gap:6px;margin-left:24px;padding:6px 12px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.screenshot-link:hover{color:var(--accent-hover);background:#7c3aed33}.social-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-left:24px;display:grid}.social-check{background:var(--bg-primary);border-radius:6px;padding:4px 8px;font-size:12px}.social-check.pass{color:var(--text-primary);background:#9696961a}.verifying-loader{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.verifying-loader .spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verifying-loader .phrase{color:var(--text-secondary);justify-content:center;align-items:center;max-width:300px;min-height:48px;font-size:16px;font-weight:500;display:flex}.verifying-loader .subtext{color:var(--text-muted);margin-top:8px;font-size:13px}.name-card-actions{gap:8px;margin-top:10px;display:flex}.use-name-btn{color:var(--text-primary);cursor:pointer;background:#96969626;border:1px solid #9696964d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.use-name-btn:hover{background:#96969640;transform:translateY(-1px)}.buy-domain-btn{color:var(--text-primary);white-space:nowrap;background:#96969626;border:1px solid #9696964d;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.buy-domain-btn:hover{background:#96969640;transform:translateY(-1px)}.social-grid-links{flex-direction:column;gap:6px;margin-left:24px;display:flex}.social-claim-link{background:var(--bg-primary);color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.social-claim-link:hover{transform:translate(4px)}.social-claim-link .claim-text{color:var(--text-muted);opacity:0;font-size:11px;transition:opacity .2s}.social-claim-link:hover .claim-text{opacity:1}.social-claim-link.twitter:hover{background:#1da1f226}.social-claim-link.instagram:hover{background:#e1306c26}.social-claim-link.tiktok:hover{background:#00000026}.social-claim-link.youtube:hover{background:#ff000026}.social-claim-link.facebook:hover{background:#1877f226}.social-claim-link.linkedin:hover{background:#0077b526}.branding-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-top:24px;padding:32px}.branding-section button,.branding-section .generate-btn,.branding-section .regenerate-btn,.branding-section .build-btn,.branding-section .download-btn,.branding-section .analyze-btn{color:#111;background:#fff;border:1px solid #d1d5db}.branding-section button:hover:not(:disabled),.branding-section .generate-btn:hover:not(:disabled),.branding-section .regenerate-btn:hover:not(:disabled),.branding-section .build-btn:hover:not(:disabled),.branding-section .download-btn:hover:not(:disabled){color:#111;background:#f5f5f5;border-color:#bbb}.branding-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.branding-header svg{color:var(--accent);flex-shrink:0;margin-top:4px}.branding-header h2{margin-bottom:4px;font-size:1.5rem;font-weight:700}.brand-personality{color:var(--text-muted);text-transform:capitalize;font-size:.875rem}.branding-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.branding-loading .spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.branding-loading p{color:var(--text-secondary);align-items:center;gap:8px;font-size:1rem;display:flex}.branding-loading .dots{gap:4px;display:flex}.branding-loading .dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.branding-loading .dots span:first-child{animation-delay:-.32s}.branding-loading .dots span:nth-child(2){animation-delay:-.16s}.branding-loading .dots span:nth-child(3){animation-delay:0s}.brand-style-selector{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.brand-style-selector span{color:var(--text-secondary);margin-right:8px;font-weight:500}.style-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.875rem;transition:all .2s}.style-btn:hover{border-color:var(--accent);background:var(--bg-primary)}.style-btn.minimal:hover{border-color:#333}.style-btn.playful:hover{border-color:#555}.style-btn.corporate:hover{border-color:#333}.style-btn.bold:hover{border-color:#000}.style-btn.elegant:hover{border-color:#555}.brand-section{margin-bottom:32px}.brand-section h3{align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.brand-section h3 svg{color:var(--text-muted)}.palette-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.palette-card{border:2px solid var(--border);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s}.palette-card:hover{border-color:var(--accent);transform:translateY(-2px)}.palette-card.selected{border-color:var(--accent);background:var(--bg-secondary)}.palette-name{margin-bottom:12px;font-size:.9rem;font-weight:600}.palette-colors{gap:4px;margin-bottom:12px;display:flex}.color-swatch{border-radius:6px;flex:1;width:100%;height:40px;transition:transform .2s}.color-swatch:hover{transform:scale(1.05)}.palette-hex-list{flex-wrap:wrap;gap:6px;display:flex}.hex-code{color:var(--text-muted);background:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:10px}.font-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.font-card{border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;padding:20px;transition:all .2s}.font-card:hover{border-color:var(--accent)}.font-card.selected{border-color:var(--accent);background:var(--bg-secondary)}.font-preview h4{margin-bottom:4px;font-size:1.25rem;font-weight:700}.font-preview p{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem}.font-link{color:var(--accent);font-size:.75rem;text-decoration:none}.font-link:hover{text-decoration:underline}.logo-prompt{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;margin-bottom:8px;padding:16px;font-size:.9rem;line-height:1.6}.logo-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.logo-generation-section{background:linear-gradient(135deg,#7c3aed14,#4f46e50d);border:1px solid #7c3aed33;border-radius:16px;padding:24px}.logo-generation-section h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;display:flex}.logo-generation-section h3 svg{color:var(--accent)}.logo-generate-cta{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.generate-logo-btn{background:linear-gradient(135deg,var(--accent),#444);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #7c3aed4d}.generate-logo-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed66}.generate-logo-btn:disabled{opacity:.5;cursor:not-allowed}.logo-error{color:#ef4444;margin-top:8px;font-size:.85rem}.logo-generating{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.logo-generating .spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.logo-generating p{color:var(--text-primary);font-weight:500}.generating-hint{color:var(--text-muted);font-size:.85rem}.generated-logos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:16px 0;display:grid}.generated-asset{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:all .2s;display:flex}.generated-asset:hover{border-color:var(--accent);box-shadow:0 4px 20px #0000001a}.asset-label{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:#7c3aed1a;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.generated-icon{object-fit:cover;border-radius:24px;width:120px;height:120px;box-shadow:0 4px 16px #00000026}.generated-logo-img{object-fit:contain;max-width:200px;max-height:100px}.download-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.download-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.regenerate-btn{color:var(--text-secondary);border:1px dashed var(--border);cursor:pointer;background:0 0;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;transition:all .2s;display:flex}.regenerate-btn:hover{color:var(--accent);border-color:var(--accent)}.logo-prompt-details{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.logo-prompt-details summary{cursor:pointer;color:var(--text-muted);padding:8px 0;font-size:.85rem}.logo-prompt-details summary:hover{color:var(--text-primary)}.branding-actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:24px;padding-top:24px;display:flex}.continue-btn{color:#1a1a1a;cursor:pointer;background:#f0f0f0;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.continue-btn:hover{background:#e5e5e5;border-color:#9ca3af;transform:translateY(-1px)}.phone-preview-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px}.phone-preview-section h3{align-items:center;gap:8px;margin-bottom:16px;display:flex}.brand-qr-container{justify-content:center;display:flex}.brand-qr-loading{flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.brand-qr-loading .spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.brand-qr-loading p{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.brand-qr-loading .dots{gap:3px;display:flex}.brand-qr-loading .dots span{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both bounce}.brand-qr-loading .dots span:first-child{animation-delay:-.32s}.brand-qr-loading .dots span:nth-child(2){animation-delay:-.16s}.brand-qr-loading .dots span:nth-child(3){animation-delay:0s}.brand-qr-ready{align-items:center;gap:20px;display:flex}.brand-qr-ready .qr-code-box{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 10px #0000001a}.qr-instructions-mini{flex-direction:column;gap:8px;display:flex}.qr-instructions-mini p{color:var(--text-secondary);font-size:.95rem}.open-snack-link{color:var(--accent);font-size:.9rem;font-weight:500;text-decoration:none}.open-snack-link:hover{text-decoration:underline}.brand-qr-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:30px;display:flex}.build-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px;animation:.3s fadeIn}.build-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.build-header svg{color:var(--accent)}.build-header h2{color:var(--text-primary);margin-bottom:4px;font-size:1.3rem;font-weight:700}.build-header .tech-stack{color:var(--text-secondary);font-size:.85rem}.build-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.build-loading .spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.build-loading p{color:var(--text-secondary);font-size:1rem}.build-section-group{margin-bottom:24px}.build-section-group h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.build-section-group h3 svg{color:var(--accent)}.tables-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.table-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s}.table-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.table-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.table-name{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-weight:600}.column-count{color:var(--text-muted);background:var(--bg-secondary);border-radius:12px;padding:2px 8px;font-size:.75rem}.table-description{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem}.columns-list{flex-direction:column;gap:4px;display:flex}.column-item{background:var(--bg-secondary);border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.8rem;display:flex}.column-item code{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace}.column-item .col-type{color:var(--text-muted);font-size:.7rem}.column-item.more{color:var(--text-muted);justify-content:center;font-style:italic}.pages-list{flex-direction:column;gap:12px;display:flex}.page-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:grid}.page-card:hover{border-color:var(--accent)}.page-path code{color:var(--accent);background:#0000000a;border-radius:6px;padding:4px 8px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.page-info{min-width:0}.page-name{color:var(--text-primary);margin-bottom:2px;font-weight:600;display:block}.page-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.page-components{flex-wrap:wrap;gap:6px;display:flex}.component-tag{color:#60a5fa;background:#60a5fa1a;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-block}.component-list,.api-list{flex-wrap:wrap;gap:8px;display:flex}.api-route{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:6px 12px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.build-section-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.build-section-group.half{margin-bottom:0}.sql-preview{background:#1e1e1e;border-radius:12px;max-height:300px;padding:20px;overflow-x:auto}.sql-preview code{color:#d4d4d4;white-space:pre;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6}.build-actions{border-top:1px solid var(--border);justify-content:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.download-btn{background:linear-gradient(135deg,var(--accent),#333);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 14px #0003}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width:768px){.build-section-row{grid-template-columns:1fr}.page-card{grid-template-columns:1fr;gap:8px}.page-components{margin-top:8px}}.config-section{padding:24px}.config-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:28px;padding-bottom:16px;display:flex}.config-header svg{color:var(--accent)}.config-header h2{color:var(--text-primary);margin-bottom:4px;font-size:1.3rem;font-weight:700}.config-header p{color:var(--text-secondary);font-size:.85rem}.config-form{flex-direction:column;gap:24px;display:flex}.config-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px}.config-group h3{color:var(--text-primary);margin-bottom:16px;font-size:1rem;font-weight:600}.config-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.config-row:last-child{margin-bottom:0}.config-field{flex-direction:column;gap:6px;display:flex}.config-field.full-width{grid-column:1/-1}.config-field label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.config-field input,.config-field select,.config-field textarea{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:12px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.config-field textarea{resize:vertical;min-height:100px}.config-field input::placeholder,.config-field textarea::placeholder{color:var(--text-muted)}.config-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.skip-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-size:.9rem;transition:all .2s}.skip-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}@media (max-width:768px){.config-row{grid-template-columns:1fr}.config-actions{flex-direction:column}.config-actions button{width:100%}}.preview-phone-section{background:linear-gradient(135deg,#6366f11a,#4444441a);border:1px solid #6366f14d;border-radius:16px;margin-top:24px;padding:24px}.preview-phone-section h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:600;display:flex}.qr-preview-container{flex-direction:column;align-items:center;gap:20px;display:flex}.qr-code-box{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a}.qr-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.qr-instructions{text-align:center;max-width:280px}.qr-step{color:var(--text-secondary);margin:8px 0;font-size:14px;line-height:1.5}.qr-step a{color:var(--accent);font-weight:600;text-decoration:none}.qr-step a:hover{text-decoration:underline}.open-snack-btn{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.open-snack-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.qr-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.widget-design-section{background:linear-gradient(135deg,#34d3991a,#10b9811a);border:1px solid #34d3994d;border-radius:16px;margin-top:24px;padding:24px}.widget-design-section .section-description{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.widget-options-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.widget-option{background:#0003;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.widget-option:hover{border-color:#34d39980;transform:translateY(-2px)}.widget-preview{background:linear-gradient(135deg,#f5f5f5,#eee);border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000004d}.widget-preview.small{width:80px;height:80px}.widget-preview.medium{width:160px;height:80px}.widget-preview.large{width:160px;height:160px}.widget-mock{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:8px;display:flex}.widget-icon{font-size:24px}.widget-text{color:#fff;font-size:10px;font-weight:500}.widget-subtext{color:#fff9;font-size:8px}.widget-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.widget-desc{color:var(--text-muted);text-align:center;font-size:.75rem}.widget-types{margin-bottom:16px}.widget-types h4{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;font-weight:600}.widget-type-list{flex-wrap:wrap;gap:8px;display:flex}.widget-type-tag{color:#34d399;background:#34d39926;border:1px solid #34d3994d;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.widget-note{background:#34d3991a;border-radius:8px;padding:12px 16px}.widget-note p{color:var(--text-secondary);margin:0;font-size:.85rem}@media (max-width:768px){.widget-options-grid{grid-template-columns:1fr}.widget-preview.medium,.widget-preview.large{width:120px}.widget-preview.large{height:120px}}.landing-page-design-section{background:linear-gradient(135deg,#6366f11a,#4444441a);border:1px solid #6366f14d;border-radius:16px;margin-top:24px;padding:24px}.landing-page-design-section .section-description{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.landing-page-preview{grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-bottom:20px;display:grid}.landing-hero-content{flex-direction:column;gap:20px;display:flex}.landing-hero-text{flex-direction:column;gap:12px;display:flex}.landing-headline{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.landing-subtext{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.landing-app-links{gap:12px;display:flex}.app-store-badge{transition:transform .2s;display:inline-block}.app-store-badge:hover{transform:scale(1.05)}.badge-svg{width:140px;height:46px}.landing-docs-checklist{background:#0003;border-radius:12px;padding:16px}.landing-docs-checklist h4{color:var(--text-secondary);margin:0 0 12px;font-size:.85rem;font-weight:600}.doc-items{grid-template-columns:1fr 1fr;gap:10px;display:grid}.doc-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;display:flex}.doc-item.done,.doc-item.done svg{color:#34d399}.landing-phone-display{justify-content:center;align-items:center;padding:20px;display:flex}.phone-3d-container{perspective:1000px;position:relative}.phone-frame-3d{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:32px;width:180px;height:360px;padding:8px;animation:6s ease-in-out infinite phoneTilt;position:relative;transform:rotateY(-8deg)rotateX(3deg);box-shadow:0 0 0 2px #2a2a4a,0 25px 50px -12px #0009,inset 0 1px #ffffff1a}@keyframes phoneTilt{0%,to{transform:rotateY(-8deg)rotateX(3deg)translateY(0)}50%{transform:rotateY(-5deg)rotateX(2deg)translateY(-10px)}}.phone-notch{z-index:10;background:#000;border-radius:12px;width:80px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:#000;border-radius:26px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.phone-video{object-fit:cover;border-radius:26px;width:100%;height:100%}.phone-placeholder{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.phone-placeholder span{font-size:12px}.phone-shadow{filter:blur(8px);background:radial-gradient(#0000004d 0%,#0000 70%);width:150px;height:20px;animation:6s ease-in-out infinite shadowPulse;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}@keyframes shadowPulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:.5;transform:translate(-50%)scale(.9)}}.landing-page-note{background:#6366f11a;border-radius:8px;padding:12px 16px}.landing-page-note p{color:var(--text-secondary);margin:0;font-size:.85rem}@media (max-width:768px){.landing-page-preview{grid-template-columns:1fr;gap:24px}.landing-phone-display{order:-1}.phone-frame-3d{width:140px;height:280px}.doc-items{grid-template-columns:1fr}}.chrome-extension-section{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid #fbbf244d;border-radius:16px;margin-top:24px;padding:24px}.chrome-extension-section .section-description{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.extension-features{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.extension-feature{background:#0003;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.extension-feature:hover{border-color:#fbbf2480;transform:translateY(-2px)}.feature-icon{background:#fbbf2426;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.feature-info{flex:1}.feature-name{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.feature-desc{color:var(--text-muted);margin:0;font-size:.8rem}.extension-manifest{margin-bottom:16px}.extension-manifest h4{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;font-weight:600}.manifest-preview{background:#1e1e1e;border-radius:12px;padding:16px;overflow-x:auto}.manifest-preview code{color:#fbbf24;white-space:pre;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;line-height:1.5}.extension-note{background:#fbbf241a;border-radius:8px;padding:12px 16px}.extension-note p{color:var(--text-secondary);margin:0;font-size:.85rem}@media (max-width:768px){.extension-features{grid-template-columns:1fr}}.ai-agent-panel{z-index:1000;background:#fff;border:1px solid #e5e5e5;border-radius:16px;width:280px;animation:.3s slideIn;position:fixed;top:80px;right:20px;overflow:hidden;box-shadow:0 4px 24px #0000001a}.ai-agent-header{color:#111;background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:8px;padding:14px 16px;display:flex}.ai-agent-header svg{flex-shrink:0}.ai-agent-header span{flex:1;font-size:.9rem;font-weight:600}.ai-agent-close{color:#fffc;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;transition:color .2s}.ai-agent-close:hover{color:#fff}.ai-agent-content{padding:16px}.ai-agent-subtitle{color:#888;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:.75rem}.ai-agent-phases{flex-direction:column;gap:8px;display:flex}.ai-phase{background:#f8f9fa;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.ai-phase.active{background:#eef2ff;border:1px solid #c7d2fe}.ai-phase.complete{background:#ecfdf5;border:1px solid #a7f3d0}.ai-phase-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;display:flex}.ai-phase.complete .ai-phase-icon{color:#10b981}.ai-phase-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ai-phase-name{color:#333;font-size:.8rem;font-weight:600}.ai-phase-data{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.ai-agent-export{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:10px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.ai-agent-export:hover{background:#e5e7eb}.ai-agent-enable-btn{color:#4b5563;cursor:pointer;z-index:1000;background:#f5f5f5;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex;position:fixed;top:80px;right:20px;box-shadow:0 1px 3px #00000014}.ai-agent-enable-btn:hover{background:#ebebeb;border-color:#9ca3af}.ai-agent-enable-btn-minimal{color:#6b7280;cursor:pointer;z-index:1000;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex;position:fixed;top:80px;right:20px}.ai-agent-enable-btn-minimal:hover{color:#4b5563;background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.ai-agent-panel{width:auto;inset:auto 16px 80px}.ai-agent-enable-btn{top:auto;bottom:100px;right:16px}}.section-hint{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.hero-upload-section{background:#0003;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.upload-option{flex-direction:column;gap:8px;display:flex}.upload-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:flex}.hero-url-input{width:100%;color:var(--text-primary);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-size:.9rem;transition:all .2s}.hero-url-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.hero-url-input::placeholder{color:var(--text-muted)}.free-images-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.free-images-links .links-label{color:var(--text-muted);font-size:.8rem}.free-images-links a{color:var(--accent);background:#7c3aed1a;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.free-images-links a:hover{background:#7c3aed33;transform:translateY(-1px)}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.hero-card{aspect-ratio:16/9;cursor:pointer;background:#0000004d;border:2px solid #0000;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.hero-card:hover{border-color:#7c3aed80;transform:scale(1.02)}.hero-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed4d}.hero-card.no-hero{background:#0006;border:2px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.hero-card.no-hero span{color:var(--text-muted);font-size:.8rem}.no-hero-icon{color:var(--text-muted);opacity:.6;font-size:1.5rem}.hero-card.custom-hero{border-color:#22c55e80}.hero-card.custom-hero.selected{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.hero-card img,.hero-card video{object-fit:cover;width:100%;height:100%}.hero-card-overlay{background:linear-gradient(#0000,#000c);flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-name{color:#fff;font-size:.75rem;font-weight:600}.hero-category{color:#ffffffb3;text-transform:capitalize;font-size:.65rem}.hero-card.video-card:after{content:"▶";color:#fff;pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-card.video-card:hover:after{background:#7c3aedcc}.hero-type-toggle{gap:8px;margin-bottom:16px;display:flex}.hero-type-btn{color:var(--text-secondary);cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.hero-type-btn:hover{background:#0006;border-color:#fff3}.hero-type-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.upload-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-upload-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.file-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.file-uploaded{color:#22c55e;font-size:.8rem;font-weight:500}.upload-or{color:var(--text-muted);padding:0 4px;font-size:.8rem}.url-option{flex:1;min-width:200px}.hero-text-inputs{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.text-input-group{flex-direction:column;gap:6px;display:flex}.text-input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.hero-text-input{width:100%;color:var(--text-primary);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .2s}.hero-text-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.hero-text-input::placeholder{color:var(--text-muted)}.hero-text-suggestions{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:16px}.suggestions-label{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;display:block}.suggestion-chips{flex-wrap:wrap;gap:8px;display:flex}.suggestion-chip{color:var(--accent);cursor:pointer;background:#7c3aed1a;border:1px solid #7c3aed4d;border-radius:20px;padding:8px 14px;font-size:.85rem;transition:all .2s}.suggestion-chip:hover{border-color:var(--accent);background:#7c3aed33;transform:translateY(-1px)}.competitor-logos-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:20px}.competitor-logos-section h4{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:600}.competitor-hint{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.competitor-logos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:16px;display:grid}.competitor-logo{text-align:center;background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:16px 12px;transition:all .2s;display:flex}.competitor-logo:hover{background:#ffffff14;transform:translateY(-2px)}.competitor-logo img{object-fit:contain;filter:grayscale(20%);width:48px;height:48px;margin-bottom:8px}.competitor-logo span{color:var(--text-primary);font-size:.8rem;font-weight:500}.competitor-logo small{color:var(--text-muted);margin-top:2px;font-size:.7rem}.logo-tips{background:#22c55e0d;border:1px solid #22c55e33;border-radius:12px;padding:16px}.logo-tips p{color:var(--text-primary);margin-bottom:8px;font-size:.9rem}.logo-tips ul{margin:0;padding:0;list-style:none}.logo-tips li{color:var(--text-secondary);padding:4px 0;font-size:.85rem}.store-phase{padding:24px;animation:.3s fadeIn}.store-header{text-align:center;margin-bottom:32px}.store-header h2{margin-bottom:8px;font-size:28px;font-weight:700}.store-header p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.refresh-store-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.refresh-store-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.refresh-store-btn:disabled{opacity:.6;cursor:not-allowed}.store-error{color:var(--error);text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:24px;padding:16px}.connection-cards{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.connection-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.connection-card.connected{border-color:var(--success);background:#10b9810d}.connection-card.disconnected{border-color:var(--error);background:#ef444408}.connection-icon{font-size:24px}.connection-info{flex:1}.connection-info h3{margin-bottom:2px;font-size:14px;font-weight:600}.connection-status{font-size:13px;font-weight:500}.app-count{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.setup-link{color:var(--accent);background:var(--bg-primary);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.setup-link:hover{background:var(--accent);color:#fff}.apps-list-section{margin-bottom:32px}.apps-list-section h3{margin-bottom:16px;font-size:18px;font-weight:600}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.app-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.app-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.app-icon-placeholder{background:var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.app-details h4{margin-bottom:2px;font-size:13px;font-weight:600}.app-details .bundle-id{color:var(--text-muted);background:var(--bg-primary);border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:11px;display:block}.app-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.app-status.status-ready-for-sale,.app-status.status-approved{color:var(--success);background:#10b9811a}.app-status.status-in-review,.app-status.status-waiting-for-review{color:var(--warning);background:#f59e0b1a}.app-status.status-rejected{color:var(--error);background:#ef44441a}.bundle-check-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin-bottom:32px;padding:20px}.bundle-check-section h3{margin-bottom:12px;font-size:16px;font-weight:600}.bundle-check-content{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bundle-id-display{background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:10px 16px;font-size:14px}.bundle-status{font-size:14px;font-weight:500}.bundle-status.available{color:var(--success)}.bundle-status.taken{color:var(--warning)}.store-next-steps{background:linear-gradient(135deg,#60a5fa1a 0%,#3b82f60d 100%);border:1px solid #60a5fa4d;border-radius:16px;padding:24px}.store-next-steps h3{margin-bottom:12px;font-size:18px;font-weight:600}.store-next-steps ul{margin:0;padding:0;list-style:none}.store-next-steps li{color:var(--text-secondary);padding:8px 0 8px 24px;font-size:14px;position:relative}.store-next-steps li:before{content:"→";color:#60a5fa;position:absolute;left:0}@media (max-width:768px){.connection-cards{grid-template-columns:1fr}.bundle-check-content{flex-direction:column;align-items:flex-start}}.app-card.status-live{cursor:pointer;background:linear-gradient(135deg,#88888826 0%,#44444414 100%);border-color:#888;animation:2s ease-in-out infinite liveGlow}.app-card.status-live:hover{transform:scale(1.02);box-shadow:0 4px 20px #8886}@keyframes liveGlow{0%,to{box-shadow:0 0 10px #8888884d}50%{box-shadow:0 0 25px #44444480}}.app-card.status-review{background:linear-gradient(135deg,#60a5fa1f 0%,#3b82f60f 100%);border-color:#60a5fa}.app-card.status-waiting{background:linear-gradient(135deg,#93c5fd1f 0%,#60a5fa0f 100%);border-color:#93c5fd}.app-card.status-pending{background:linear-gradient(135deg,#c4b5fd1f 0%,#8888880f 100%);border-color:#ccc}.app-card.status-processing{background:linear-gradient(135deg,#7dd3fc1f 0%,#38bdf80f 100%);border-color:#7dd3fc}.app-card.status-prepare{background:linear-gradient(135deg,#cbd5e11a 0%,#94a3b80d 100%);border-color:#cbd5e1}.app-card.status-rejected{background:linear-gradient(135deg,#fca5a51f 0%,#f871710f 100%);border-color:#fca5a5}.app-card.status-removed{opacity:.7;background:linear-gradient(135deg,#d1d5db1a 0%,#9ca3af0d 100%);border-color:#d1d5db}.app-card.status-none{border-color:var(--border);background:var(--bg-secondary)}.app-status-badge{border-radius:12px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.app-status-badge.status-live{color:#fff;background:linear-gradient(135deg,#888 0%,#444 100%)}.app-status-badge.status-review{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.app-status-badge.status-waiting{color:#1e3a5f;background:linear-gradient(135deg,#93c5fd 0%,#60a5fa 100%)}.app-status-badge.status-pending{color:#3b2074;background:linear-gradient(135deg,#ccc 0%,#888 100%)}.app-status-badge.status-processing{color:#0c4a6e;background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%)}.app-status-badge.status-prepare{color:#1e293b;background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%)}.app-status-badge.status-rejected{color:#7f1d1d;background:linear-gradient(135deg,#fca5a5 0%,#f87171 100%)}.app-status-badge.status-removed{color:#374151;background:linear-gradient(135deg,#d1d5db 0%,#9ca3af 100%)}.app-status-badge.status-none{background:var(--bg-tertiary);color:var(--text-secondary)}.app-status-badge.status-testflight{color:#0c4a6e;background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%)}.app-card.status-testflight{background:linear-gradient(135deg,#38bdf814 0%,#7dd3fc0a 100%);border-color:#38bdf866}.onboarding-design-section{background:linear-gradient(135deg,#34d39914 0%,#10b9810a 100%);border:1px solid #34d39933;border-radius:16px;margin-bottom:24px;padding:24px}.onboarding-design-section h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:1.1rem;font-weight:600;display:flex}.onboarding-design-section .section-description{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.onboarding-screens-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.onboarding-screen-card{flex-direction:column;align-items:center;gap:10px;display:flex}.screen-preview{aspect-ratio:9/16;background:linear-gradient(#f5f5f5 0%,#eee 100%);border:2px solid #e5e5e5;border-radius:16px;justify-content:center;align-items:center;width:100%;max-height:200px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.screen-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.screen-content h4{color:#fff;margin:0;font-size:.75rem;font-weight:600}.screen-content p{color:#666;margin:0;font-size:.6rem}.welcome-icon{color:#444;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.welcome-icon .app-icon-preview{object-fit:cover;border-radius:12px;width:100%;height:100%}.feature-bullets{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.feature-bullets .bullet{color:#fffc;align-items:center;gap:4px;font-size:.55rem;display:flex}.feature-bullets .bullet svg{color:#34d399}.permission-btn-mock,.cta-btn-mock{border-radius:8px;margin-top:8px;padding:6px 16px;font-size:.6rem;font-weight:600}.permission-btn-mock{color:#fff;background:#3b82f6}.cta-btn-mock{color:#fff;background:linear-gradient(135deg,#444,#444)}.screen-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.onboarding-note{background:#34d3991a;border-radius:8px;padding:12px 16px}.onboarding-note p{color:var(--text-secondary);margin:0;font-size:.85rem}@media (max-width:768px){.onboarding-screens-grid{grid-template-columns:repeat(2,1fr)}}.content-generator-section{background:linear-gradient(135deg,#44444414 0%,#8888880a 100%);border:1px solid #4443;border-radius:16px;margin-bottom:24px;padding:24px}.content-generator-section h3{margin-bottom:8px;font-size:18px;font-weight:600}.content-generator-section .section-description{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.generator-inputs{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.generator-inputs .input-group{flex-direction:column;gap:6px;display:flex}.generator-inputs label{color:var(--text-secondary);font-size:13px;font-weight:500}.generator-input,.generator-textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;padding:12px 14px;font-size:14px;transition:all .2s}.generator-input:focus,.generator-textarea:focus{border-color:#ccc;outline:none;box-shadow:0 0 0 3px #4444441a}.generator-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.generate-content-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.generate-content-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4446}.generate-content-btn:disabled{opacity:.7;cursor:not-allowed}.generate-content-btn .btn-icon.spinning{animation:1s linear infinite spin}.generated-content{flex-direction:column;gap:16px;margin-top:24px;display:flex}.content-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.content-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.content-header h4{color:var(--text-primary);font-size:14px;font-weight:600}.char-count{color:var(--text-tertiary);font-family:monospace;font-size:12px}.content-text{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.subtitle-text{color:var(--text-primary);font-size:16px;font-weight:500}.description-text{white-space:pre-wrap;max-height:300px;font-family:inherit;overflow-y:auto}.keywords-list{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.keyword-tag{color:#3b82f6;background:linear-gradient(135deg,#60a5fa26 0%,#3b82f61a 100%);border:1px solid #60a5fa4d;border-radius:6px;padding:4px 10px;font-size:13px}.copy-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.regenerate-btn{color:#444;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.regenerate-btn:hover:not(:disabled){background:#f5f5f5}.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.keyword-research-card{background:linear-gradient(135deg,#10b98114 0%,#065f460a 100%);border-color:#10b98133}.keyword-research-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.research-column{flex-direction:column;gap:8px;display:flex}.research-label{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600}.research-label.high-volume{color:#ef4444;background:#ef444426}.research-label.low-comp{color:#22c55e;background:#22c55e26}.research-label.trending{color:var(--text-secondary);background:#4444441f}.research-keywords{flex-wrap:wrap;gap:6px;display:flex}.research-tag{border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.research-tag.high{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.research-tag.low{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.research-tag.trend{color:#9333ea;background:#a855f71a;border:1px solid #a855f733}@media (max-width:768px){.keyword-research-grid{grid-template-columns:1fr}}.submission-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px}.submission-section h3{margin-bottom:8px;font-size:18px;font-weight:600}.submission-section .section-description{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.submission-checklist{background:var(--bg-primary);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.checklist-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.checklist-item.complete{color:var(--text-primary)}.checklist-item.complete .check-indicator{color:var(--success)}.check-indicator{color:var(--text-muted);width:20px;font-size:16px;font-weight:600}.submission-actions{flex-wrap:wrap;gap:12px;display:flex}.submission-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.submission-btn.primary{color:#333;background:#fff;border:1px solid #d1d5db}.submission-btn.primary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.submission-btn.primary:disabled{opacity:.5;cursor:not-allowed}.submission-btn.secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.submission-btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.progress-tracker{background:var(--bg-primary);border-radius:8px;gap:8px;margin-bottom:16px;padding:12px;display:flex;overflow-x:auto}.progress-step{color:var(--text-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:12px;transition:color .2s;display:flex}.progress-step.active{color:#3b82f6}.progress-step.complete{color:var(--success)}.step-number{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex}.progress-step.active .step-number{color:#fff;background:#6b7280}.progress-step.complete .step-number{background:var(--success);color:#fff}.field-help{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.field-help a{color:#444;text-decoration:none}.field-help a:hover{text-decoration:underline}.platform-tabs{gap:8px;margin:16px 0;display:flex}.platform-tab{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.platform-tab:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.platform-tab.active{color:#fff;background:#6b7280;border-color:#6b7280}.submission-progress{margin-top:16px}.progress-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.progress-percent{color:#6b7280;font-weight:600}.progress-bar-track{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6b7280 0%,#9ca3af 100%);border-radius:4px;height:100%;transition:width .3s}.coming-soon-section{text-align:center;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:12px;margin:20px 0;padding:40px}.coming-soon-section h3{margin-bottom:8px;font-size:18px;font-weight:600}.coming-soon-section p{color:var(--text-muted);font-size:14px}.suggested-integrations{background:linear-gradient(135deg,#3b82f60d 0%,#3b82f605 100%);border:1px solid #3b82f626;border-radius:12px;padding:20px}.suggested-integrations h3{margin-bottom:4px;font-size:16px}.group-description{color:var(--text-muted);margin-bottom:16px;font-size:13px}.integrations-list{flex-direction:column;gap:12px;display:flex}.integration-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:14px 16px;transition:all .2s}.integration-card:hover{border-color:var(--border-hover)}.integration-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.integration-name{color:var(--text-primary);font-size:14px;font-weight:600}.setup-link-btn{color:#3b82f6;background:#3b82f61a;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.setup-link-btn:hover{background:#3b82f626}.integration-reason{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.ai-working-indicator{color:#3b82f6;background:#3b82f614;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:13px;display:flex}.ai-working-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite aiPulse}@keyframes aiPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.expert-opinion-panel{background:linear-gradient(135deg,#fefce8 0%,#fef3c7 100%);border:1px solid #fbbf24;border-radius:16px;margin-bottom:24px;padding:20px}.expert-opinion-panel.grey-theme{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #ced4da}.expert-opinion-panel.grey-theme .analyze-btn{background:#495057}.expert-opinion-panel.grey-theme .analyze-btn:hover:not(:disabled){background:#343a40}.expert-opinion-panel.grey-theme .expert-search input{border-color:#adb5bd}.expert-opinion-panel.grey-theme .expert-search input:focus{border-color:#495057;box-shadow:0 0 0 3px #49505726}.research-explainer{color:var(--text-secondary);background:#0000000a;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5}.research-explainer strong{color:var(--text-primary);font-weight:600}.results-subtitle{color:var(--text-secondary);margin:0 0 14px;font-size:13px}.expert-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.expert-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.expert-header p{color:var(--text-secondary);margin:0;font-size:13px}.expert-search{gap:8px;margin-bottom:16px;display:flex}.expert-search input{background:#fff;border:1px solid #fbbf24;border-radius:10px;flex:1;padding:12px 16px;font-size:14px;transition:all .2s}.expert-search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #fbbf2433}.analyze-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.analyze-btn:hover:not(:disabled){background:var(--accent-hover)}.analyze-btn:disabled{opacity:.6;cursor:not-allowed}.gap-loading{flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.gap-loading .spinner{border:3px solid #fbbf24;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.gap-loading p{color:var(--text-secondary);font-size:13px}.gap-results h4,.competitors-section h4{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.opportunity-cards{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.opportunity-card{background:#fff;border:2px solid #0000;border-radius:12px;padding:14px;transition:all .2s}.opportunity-card.high{border-color:var(--success);background:#10b9810d}.opportunity-card.medium{border-color:var(--warning);background:#f59e0b0d}.opportunity-card.low{border-color:var(--border)}.opp-header{margin-bottom:8px}.opp-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.opp-badge.high{color:var(--success);background:#10b98126}.opp-badge.medium{color:#d97706;background:#f59e0b26}.opportunity-card h5{color:var(--text-primary);margin:0 0 6px;font-size:15px;font-weight:600}.opp-reason{color:var(--text-secondary);margin:0 0 4px;font-size:13px;line-height:1.5}.opp-apps{color:var(--text-muted);margin:0 0 10px;font-size:12px}.build-this-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.build-this-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.competitor-list{flex-direction:column;gap:8px;display:flex}.competitor-item{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.comp-icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.comp-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.comp-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.comp-rating{color:var(--text-muted);font-size:11px}.comp-price{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:500}.idea-input-top{border:1px solid var(--border);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;margin-bottom:20px;padding:24px}.ai-greeting{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.ai-avatar{background:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.greeting-text h2{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.greeting-text p{color:var(--text-secondary);margin:0;font-size:14px}.idea-input-wrapper{gap:12px;margin-bottom:16px;display:flex}.idea-textarea{border:1px solid var(--border);resize:none;color:#000;background:#fff;border-radius:12px;flex:1;min-height:120px;padding:16px 18px;font-family:inherit;font-size:16px;transition:all .2s}.idea-textarea::placeholder{color:#666}.idea-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f11a}.idea-submit-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.idea-submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.idea-submit-btn:disabled{opacity:.5;cursor:not-allowed}.import-options-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import-label{color:var(--text-muted);font-size:13px;font-weight:500}.import-option-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.import-option-btn:hover{border-color:var(--accent);color:var(--accent);background:#6366f10a}.import-option-btn.premium{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#f59e0b}.import-option-btn.premium:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);border-color:#d97706}.premium-badge{color:#fff;background:#dc2626;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:11px;font-weight:700}.greeting-simple{color:var(--text-primary);margin:0 0 20px;font-size:24px;font-weight:700}.services-helper{color:var(--text-secondary);text-align:center;margin:16px 0 0;font-size:14px}.services-helper a{color:var(--accent);font-weight:600;text-decoration:none}.services-helper a:hover{text-decoration:underline}.services-toplink{color:var(--text-secondary);margin-left:auto;font-size:13px;text-decoration:none}.services-toplink:hover{color:var(--accent)}.expert-callout{color:var(--text-secondary);border-left:3px solid var(--accent);background:#6366f114;border-radius:8px;margin:12px 0 20px;padding:10px 14px;font-size:13px}.services-link-bar{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:12px 16px}.services-link-bar p{color:#666;margin:0;font-size:14px}.services-link-bar a{color:var(--accent);font-weight:600;text-decoration:none}.services-link-bar a:hover{text-decoration:underline}.pricing-tier-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:900px){.pricing-tier-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pricing-tier-cards{grid-template-columns:1fr}}.tier-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.tier-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.tier-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tier-card.expert-opinion .tier-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.tier-card.expert-opinion{border:2px solid #10b981}.tier-price.included{color:#059669!important;font-size:20px!important}.tier-card.expert-opinion .tier-btn{color:#fff;background:#10b981}.tier-card.expert-opinion .tier-btn:hover{background:#059669}.tier-card.fast-track .tier-icon{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.tier-card.resurrection .tier-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.tier-card.web-native .tier-icon{background:linear-gradient(135deg,#444 0%,#333 100%)}.tier-info h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.tier-price{color:var(--text-primary);font-size:24px;font-weight:800;margin:4px 0!important}.tier-desc{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0!important}.tier-btn{cursor:pointer;border:none;border-radius:8px;margin-top:auto;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.tier-card.fast-track .tier-btn{color:#fff;background:#3b82f6}.tier-card.fast-track .tier-btn:hover{background:#2563eb}.tier-card.resurrection .tier-btn{color:#fff;background:#f59e0b}.tier-card.resurrection .tier-btn:hover{background:#d97706}.tier-card.web-native .tier-btn{color:#fff;background:#444}.tier-card.web-native .tier-btn:hover{background:#333}.pricing-page{background:#fafafa;min-height:100vh;padding:60px 20px}.pricing-container{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:48px}.back-to-home-link{color:#666;align-items:center;gap:6px;margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-to-home-link:hover{color:#111}.pricing-header h1{color:#111;margin:0 0 12px;font-size:36px;font-weight:800}.pricing-header p{color:#666;margin:0;font-size:18px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.pricing-grid.five-cols{grid-template-columns:repeat(5,1fr)}@media (max-width:1280px){.pricing-grid.five-cols{grid-template-columns:repeat(3,1fr)}}.pricing-card.featured{border:2px solid #444}.pricing-card.featured .popular-badge{background:#444}.featured-btn{text-decoration:none;color:#444!important;background:0 0!important;border:1.5px solid #444!important}.featured-btn:hover{opacity:.8!important}@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex-direction:column;padding:12px 10px;transition:all .2s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.pricing-card.featured{border-color:#444}.pricing-card:nth-child(2){border-color:#3b82f6}.pricing-card.popular{border-color:#f59e0b}.pricing-card:nth-child(4){border-color:#444}.pricing-card.popular{border:2px solid #f59e0b}.popular-badge{color:#fff;background:#f59e0b;border-radius:16px;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pricing-card .card-icon{justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:8px;display:flex}.pricing-card .card-icon svg{width:22px;height:22px}.pricing-card h3{color:#111;margin:0 0 4px;font-size:13px;font-weight:700}.pricing-card .card-price{margin-bottom:4px}.pricing-card .card-price .price{color:#111;font-size:20px;font-weight:800}.pricing-card .card-price .period{color:#888;margin-left:3px;font-size:10px}.pricing-card .card-desc{color:#666;margin-bottom:8px;font-size:10px;line-height:1.3}.pricing-card .card-features{flex:1;margin:0 0 10px;padding:0;list-style:none}.pricing-card .card-features li{color:#444;border-bottom:1px solid #f3f4f6;align-items:center;gap:4px;padding:3px 0;font-size:10px;display:flex}.pricing-card .card-features li:last-child{border-bottom:none}.pricing-card .card-features li svg{color:#10b981;flex-shrink:0}.pricing-card .card-btn{width:100%;color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pricing-card .card-btn:hover{opacity:.8}.pricing-card.featured .card-btn{color:#444;border-color:#444}.pricing-card:nth-child(2) .card-btn{color:#3b82f6;border-color:#3b82f6}.pricing-card.popular .card-btn{color:#f59e0b;border-color:#f59e0b}.pricing-card:nth-child(4) .card-btn{color:#444;border-color:#444}.pricing-card .card-btn:disabled{opacity:.6;cursor:not-allowed}.addon-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;background:#10b9810f;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:8px;margin:12px 0 8px;padding:8px 10px;transition:all .2s;display:flex}.addon-checkbox:hover{background:#10b9811a;border-color:#10b98166}.checkbox-box{border:1.5px solid #888;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.checkbox-box.checked{color:#fff;background:#10b981;border-color:#10b981}.checkbox-label{color:#333;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.addon-price-tag{color:#10b981;background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.cart-checkbox{z-index:2;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.cart-checkbox .checkbox-box{background:#fff;border:2px solid #ccc;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.cart-checkbox .checkbox-box:hover{border-color:#888}.cart-checkbox .checkbox-box.checked{color:#fff;background:#10b981;border-color:#10b981}.pricing-card.in-cart,.addon-card.in-cart{box-shadow:0 0 0 2px #10b981,0 6px 16px #10b98126}.addon-card{position:relative}.dev-account-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:24px;padding:16px 20px}.dev-ack-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:flex}.dev-ack-text{color:#444;font-size:13px;line-height:1.5}.dev-ack-text a{color:#3b82f6;font-weight:600;text-decoration:none}.dev-ack-text a:hover{text-decoration:underline}.checkout-bar{background:#111;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.checkout-summary{flex-wrap:wrap;gap:8px;display:flex}.checkout-item{color:#fff;background:#ffffff26;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.checkout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.checkout-btn:hover{background:#059669}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.checkout-bar{flex-direction:column;align-items:stretch}.checkout-btn{justify-content:center}}.pricing-card .card-btn .spin{animation:1s linear infinite spin}.pricing-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:48px;padding-top:32px}.pricing-footer p{color:#666;font-size:16px}.pricing-footer a{color:var(--accent);font-weight:600;text-decoration:none}.pricing-footer a:hover{text-decoration:underline}.addon-section{margin-top:32px}.addon-card{background:#fff;border:1.5px solid #10b981;border-radius:12px;padding:24px}.addon-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.addon-icon{background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.addon-info h3{color:#111;margin:0 0 4px;font-size:16px;font-weight:700}.addon-info p{color:#666;margin:0;font-size:13px}.addon-price{text-align:right;margin-left:auto}.addon-price .price{color:#10b981;font-size:22px;font-weight:800;display:block}.addon-price .period{color:#888;font-size:11px}.addon-features{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.addon-features li{color:#444;align-items:center;gap:8px;font-size:13px;display:flex}.addon-features li svg{color:#10b981;flex-shrink:0}.addon-requirements{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:6px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;display:flex}.addon-requirements svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.addon-requirements p{color:#666;margin:0;font-size:11px;line-height:1.5}.addon-requirements a{color:#f59e0b;text-decoration:underline}@media (max-width:600px){.addon-header{flex-direction:column;align-items:flex-start}.addon-price{text-align:left;margin-left:0}.addon-features{grid-template-columns:1fr}}.card-requires{color:#666;background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px}.card-requires strong{color:#333}.tier-requirements{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-top:64px;padding:48px}.tier-requirements h2{color:#111;text-align:center;margin:0 0 32px;font-size:28px;font-weight:800}.requirements-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:768px){.requirements-grid{grid-template-columns:1fr}}.requirement-item{background:#fafafa;border-radius:12px;gap:16px;padding:20px;display:flex}.requirement-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.requirement-icon.idea{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.requirement-icon.working{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.requirement-icon.broken{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.requirement-icon.web{background:linear-gradient(135deg,#444 0%,#333 100%)}.requirement-content h4{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.requirement-content p{color:#666;margin:0;font-size:14px;line-height:1.5}.upgrade-notice{background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;gap:12px;margin-top:24px;padding:16px 20px;display:flex}.upgrade-notice svg{color:#d97706;flex-shrink:0;margin-top:2px}.upgrade-notice p{color:#92400e;margin:0;font-size:14px;line-height:1.5}.gap-research-page{background:linear-gradient(#f8faf9 0%,#fff 100%);min-height:100vh;padding:40px 20px}.gap-container{max-width:900px;margin:0 auto}.back-link{color:#666;margin-bottom:24px;font-size:14px;text-decoration:none;display:inline-block}.gap-header{text-align:center;margin-bottom:40px}.gap-header .header-icon{margin-bottom:16px}.gap-header h1{margin-bottom:12px;font-size:32px;font-weight:800}.gap-header p{color:#666;max-width:500px;margin:0 auto;font-size:16px}.research-input-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000f}.input-group label{color:#111;margin-bottom:12px;font-weight:600;display:block}.input-group textarea{resize:none;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:15px}.input-group textarea:focus{border-color:#10b981;outline:none}.research-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:16px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.research-btn:hover:not(:disabled){background:#059669}.research-btn:disabled{opacity:.6;cursor:not-allowed}.research-features{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px;display:flex}.research-features .feature{color:#666;align-items:center;gap:8px;font-size:13px;display:flex}.research-features .feature svg{color:#10b981}.error-message{color:#ef4444;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.report-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000f}.report-header{text-align:center;border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.report-header h2{margin-bottom:8px;font-size:24px}.report-date{color:#888;font-size:12px}.report-summary{background:#f0fdf4;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:32px;padding:16px;display:flex}.report-summary svg{color:#10b981;flex-shrink:0}.report-summary p{color:#166534;font-size:14px;line-height:1.5}.opportunities-grid{gap:24px;display:grid}.opportunity-card{border:1.5px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.opportunity-card:hover{border-color:#10b981;box-shadow:0 4px 16px #10b9811a}.opp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.opp-category{color:#10b981;text-transform:uppercase;font-size:12px;font-weight:600}.opp-scores{gap:8px;display:flex}.demand-badge{color:#fff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.competition-badge{border:1.5px solid;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.opportunity-card h3{color:#111;margin-bottom:8px;font-size:18px;font-weight:700}.opp-reasoning{color:#666;margin-bottom:16px;font-size:14px;line-height:1.5}.opp-revenue{color:#111;margin-bottom:16px;font-size:14px}.opp-features{margin-bottom:16px}.opp-features strong{margin-bottom:8px;font-size:13px;display:block}.opp-features ul{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.opp-features li{color:#444;background:#f3f4f6;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.opp-features li svg{color:#10b981}.existing-apps{border-top:1px solid #f3f4f6;margin-bottom:16px;padding-top:16px}.existing-apps strong{margin-bottom:8px;font-size:13px;display:block}.apps-list{flex-direction:column;gap:6px;display:flex}.app-item{color:#666;justify-content:space-between;font-size:13px;display:flex}.app-rating{align-items:center;gap:4px;display:flex}.app-rating svg{color:#f59e0b}.build-this-btn{color:#10b981;cursor:pointer;background:0 0;border:1.5px solid #10b981;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.build-this-btn:hover{color:#fff;background:#10b981}.report-actions{border-top:1px solid #e5e7eb;gap:16px;margin-top:32px;padding-top:24px;display:flex}.download-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.new-search-btn{color:#666;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;padding:14px;font-size:14px;font-weight:600}.new-search-btn:hover{color:#111;border-color:#111}.fast-track-page{background:linear-gradient(#eff6ff 0%,#fff 100%);min-height:100vh;padding:40px 20px}.fast-track-container{max-width:800px;margin:0 auto}.fast-track-header{text-align:center;margin-bottom:40px}.fast-track-header h1{margin-bottom:12px;font-size:32px;font-weight:800}.input-section,.assets-section,.download-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000f}.step-indicator{justify-content:center;gap:24px;margin-bottom:32px;display:flex}.step-indicator .step{color:#888;align-items:center;gap:6px;font-size:13px;display:flex}.step-indicator .step.active{color:#3b82f6;font-weight:600}.step-indicator .step.done{color:#10b981}.form-group label{color:#111;margin-bottom:8px;font-weight:600;display:block}.form-group input,.form-group textarea{border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none}.form-hint{color:#888;margin-top:6px;font-size:12px}.generate-btn,.build-btn,.analyze-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.generate-btn:hover:not(:disabled),.build-btn:hover:not(:disabled){background:#2563eb}.generate-btn:disabled,.build-btn:disabled{opacity:.6;cursor:not-allowed}.what-you-get{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.what-you-get h3{margin-bottom:16px;font-size:14px}.what-you-get ul{grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;display:grid}.what-you-get li{color:#444;align-items:center;gap:8px;font-size:13px;display:flex}.what-you-get li svg{color:#3b82f6}.web-to-native-page{background:linear-gradient(#f5f3ff 0%,#fff 100%);min-height:100vh;padding:40px 20px}.wtn-container{max-width:800px;margin:0 auto}.wtn-header{text-align:center;margin-bottom:40px}.wtn-header h1{margin-bottom:12px;font-size:32px;font-weight:800}.competitor-comparison{margin-top:16px}.vs-badge{color:#fff;background:linear-gradient(135deg,#444 0%,#333 100%);border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-block}.url-input-group{border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.url-input-group input{border:none;flex:1;padding:0;font-size:15px}.url-input-group input:focus{outline:none}.url-input-group svg{color:#888}.url-input-group .valid-icon{color:#10b981}.url-input-group .invalid-icon{color:#ef4444}.validation-error{color:#ef4444;margin-top:8px;font-size:12px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px;display:grid}.feature-card{text-align:center;border:1.5px solid #e5e7eb;border-radius:12px;padding:20px}.feature-card svg{color:#444;margin-bottom:12px}.feature-card h4{margin-bottom:4px;font-size:14px}.feature-card p{color:#666;font-size:12px}.tech-stack{text-align:center;margin-top:24px}.tech-stack h4{color:#888;margin-bottom:8px;font-size:12px}.tech-badges{justify-content:center;gap:8px;display:flex}.tech-badges span{color:#444;background:#f3f4f6;border-radius:20px;padding:6px 12px;font-size:12px}.success-card{text-align:center;background:#f0fdf4;border-radius:16px;margin-bottom:32px;padding:40px 20px}.success-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.success-card h2{margin-bottom:8px;font-size:24px}.build-info{background:#f8fafc;border-radius:12px;margin-bottom:32px;padding:20px}.info-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.download-options h3{margin-bottom:16px;font-size:16px}.download-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.download-card{text-align:center;border:1.5px solid #e5e7eb;border-radius:12px;padding:24px}.download-card.ios{border-color:#3b82f6}.download-card.android{border-color:#10b981}.download-card svg{margin-bottom:12px}.download-card.ios svg{color:#3b82f6}.download-card.android svg{color:#10b981}.download-card h4{margin-bottom:8px;font-size:16px}.download-card ul{text-align:left;margin:16px 0;list-style:none}.download-card li{color:#444;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.download-card .download-btn{cursor:pointer;background:0 0;border:1.5px solid;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:600;display:flex}.download-card.ios .download-btn{color:#3b82f6}.download-card.android .download-btn{color:#10b981}.both-download{text-align:center}.download-both-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:14px;font-weight:600;display:inline-flex}.resurrection-page{background:linear-gradient(#fffbeb 0%,#fff 100%);min-height:100vh;padding:40px 20px}.resurrection-container{max-width:800px;margin:0 auto}.resurrection-header{text-align:center;margin-bottom:40px}.resurrection-header h1{margin-bottom:12px;font-size:32px;font-weight:800}.upload-section,.diagnosis-section,.fixed-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000f}.upload-methods{gap:12px;margin-bottom:24px;display:flex}.method-btn{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.method-btn.active{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}.dropzone{text-align:center;cursor:pointer;border:2px dashed #e5e7eb;border-radius:12px;padding:48px;transition:all .2s}.dropzone:hover{background:#fffbeb;border-color:#f59e0b}.dropzone svg{color:#f59e0b;margin-bottom:16px}.dropzone p{margin-bottom:8px;font-size:16px}.dropzone .hint{color:#888;font-size:12px}.what-we-check{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.what-we-check h3{margin-bottom:16px;font-size:14px}.what-we-check ul{grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;display:grid}.what-we-check li{color:#444;align-items:center;gap:8px;font-size:13px;display:flex}.what-we-check li svg{color:#f59e0b}.diagnosis-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.project-info{gap:8px;display:flex}.project-info .badge{color:#444;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:12px}.diagnosis-summary{background:#fffbeb;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.diagnosis-summary svg{color:#f59e0b;flex-shrink:0}.issues-list h3{margin-bottom:16px;font-size:16px}.issue-item{border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:16px}.issue-item.error{background:#fef2f2;border-color:#fecaca}.issue-item.warning{background:#fffbeb;border-color:#fed7aa}.issue-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.issue-error{color:#ef4444}.issue-warning{color:#f59e0b}.issue-info{color:#3b82f6}.issue-file{color:#666;font-family:monospace;font-size:12px}.issue-message{color:#111;margin-bottom:8px;font-size:14px}.issue-fix{color:#10b981;background:#f0fdf4;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.fix-action{text-align:center;border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.fixable-count{color:#666;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.fix-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex}.fix-btn:hover:not(:disabled){background:#d97706}.changes-summary{background:#f0fdf4;border-radius:12px;margin:24px 0;padding:20px}.changes-summary h3{margin-bottom:12px;font-size:14px}.changes-summary ul{list-style:none}.changes-summary li{color:#166534;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.big-download-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px;font-size:16px;font-weight:600;display:flex}.download-note{text-align:center;color:#888;margin-top:12px;font-size:12px}.next-steps{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.next-steps h3{margin-bottom:16px;font-size:16px}.next-steps ol{margin-bottom:24px;padding-left:20px}.next-steps li{color:#444;padding:6px 0;font-size:14px}.next-step-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.next-step-card{text-align:center;color:inherit;border:1.5px solid #e5e7eb;border-radius:12px;padding:20px;text-decoration:none;transition:all .2s}.next-step-card:hover{border-color:#111}.next-step-card svg{color:#888;margin-bottom:8px}.next-step-card h4{margin-bottom:4px;font-size:14px}.next-step-card p{color:#666;font-size:12px}.help-note{color:#666;font-size:13px}.help-note a{color:#3b82f6}.continue-link{text-align:center;color:#3b82f6;margin-top:24px;font-size:14px;display:block}.help-chatbot-trigger{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #3b82f666}.help-chatbot-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3b82f680}.help-chatbot-trigger .trigger-text{display:none}@media (min-width:640px){.help-chatbot-trigger .trigger-text{display:inline}}.help-chatbot{z-index:9999;background:#fff;border-radius:16px;flex-direction:column;width:380px;max-width:calc(100vw - 48px);max-height:550px;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 40px #00000026}.help-chatbot.minimized{height:auto;max-height:none}.chatbot-header{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.header-title{align-items:center;gap:10px;font-weight:600;display:flex}.header-actions{gap:4px;display:flex}.header-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.header-btn:hover{background:#ffffff4d}.chatbot-messages{flex-direction:column;flex:1;gap:16px;min-height:200px;max-height:350px;padding:16px;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:10px;display:flex}.message.user{flex-direction:row-reverse}.message-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.message.assistant .message-icon{color:#3b82f6;background:#eff6ff}.message.user .message-icon{color:#666;background:#f3f4f6}.message-content{background:#f3f4f6;border-radius:14px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.5}.message.assistant .message-content{background:#eff6ff;border-bottom-left-radius:4px}.message.user .message-content{color:#fff;background:#3b82f6;border-bottom-right-radius:4px}.message-content p{margin:0}.message-content p+p{margin-top:8px}.message-content.typing{color:#666;align-items:center;gap:8px;display:flex}.chatbot-input{border-top:1px solid #e5e7eb;gap:10px;padding:12px 16px;display:flex}.chatbot-input input{border:1.5px solid #e5e7eb;border-radius:24px;flex:1;padding:10px 16px;font-family:inherit;font-size:14px}.chatbot-input input:focus{border-color:#3b82f6;outline:none}.chatbot-input input:disabled{background:#f9fafb}.send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:#2563eb}.send-btn:disabled{cursor:not-allowed;background:#d1d5db}.chatbot-footer{text-align:center;color:#999;border-top:1px solid #f3f4f6;padding:8px 16px;font-size:11px}.help-chatbot.agent-mode .chatbot-header{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.help-chatbot.agent-mode .help-chatbot-trigger{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 20px #f59e0b66}.agent-icon{color:#fef3c7!important}.agent-badge{background:#ffffff40;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700}.agent-toggle{transition:all .2s}.agent-toggle.active{background:#fef3c766!important}.agent-toggle.active svg{color:#fef3c7}.agent-mode-banner{color:#92400e;background:linear-gradient(90deg,#fef3c7,#fef9c3);border-bottom:1px solid #fcd34d;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.tools-used{border-top:1px solid #0000001a;margin-top:10px;padding-top:8px}.tools-label{color:#666;margin-right:6px;font-size:11px}.tool-badge{color:#166534;background:#f0fdf4;border-radius:20px;margin:2px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.message-avatar{color:#3b82f6;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.message.user .message-avatar{color:#666;background:#f3f4f6}.help-chatbot.agent-mode .message.assistant .message-avatar{color:#d97706;background:#fef3c7}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chatbot-input button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chatbot-input button:hover:not(:disabled){background:#2563eb}.chatbot-input button:disabled{cursor:not-allowed;background:#d1d5db}.help-chatbot.agent-mode .chatbot-input button{background:#f59e0b}.help-chatbot.agent-mode .chatbot-input button:hover:not(:disabled){background:#d97706}.help-chatbot.agent-mode .chatbot-input input:focus{border-color:#f59e0b}.faq-page{background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);min-height:100vh;padding:120px 20px 60px}.faq-container{max-width:900px;margin:0 auto}.faq-header{text-align:center;margin-bottom:50px}.faq-header h1{color:#1a1a1a;margin-bottom:12px;font-size:2.5rem;font-weight:800}.faq-header p{color:#666;font-size:1.1rem}.ai-models-highlight{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:1px solid #eee;border-radius:20px;margin-bottom:50px;padding:40px;box-shadow:0 4px 20px #00000014}.ai-models-highlight h2{text-align:center;color:#1a1a1a;margin-bottom:12px;font-size:1.6rem;font-weight:700}.ai-models-highlight .subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:1rem}.ai-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.ai-card{text-align:center;background:#fff;border:2px solid #0000;border-radius:16px;padding:24px 20px;transition:all .3s}.ai-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.ai-card.claude{background:linear-gradient(135deg,#fff9f0 0%,#fff 100%);border-color:#d4a574}.ai-card.deepseek{background:linear-gradient(135deg,#f0f7ff 0%,#fff 100%);border-color:#60a5fa}.ai-card.gpt4{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b981}.ai-card.dalle{background:linear-gradient(135deg,#faf5ff 0%,#fff 100%);border-color:#888}.ai-card .ai-icon{margin-bottom:12px;font-size:2.5rem}.ai-card h3{color:#1a1a1a;margin-bottom:4px;font-size:1.1rem;font-weight:700}.ai-card .role{color:#888;margin-bottom:8px;font-size:.85rem;font-weight:600}.ai-card .desc{color:#666;font-size:.8rem;line-height:1.4}.faq-section{margin-bottom:40px}.faq-section .section-title{color:#1a1a1a;border-bottom:2px solid #eee;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;font-size:1.3rem;font-weight:700;display:flex}.faq-section .section-title svg{color:#666}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:#fff;border:1px solid #eee;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.faq-item:hover{box-shadow:0 4px 12px #00000014}.faq-item.open{box-shadow:0 4px 15px #0000001a}.faq-question{cursor:pointer;color:#1a1a1a;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:#fafafa}.faq-question svg{color:#888;flex-shrink:0}.faq-answer{padding:0 20px 20px;animation:.3s fadeIn}.faq-answer p{color:#555;font-size:.95rem;line-height:1.7}.faq-cta{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);border-radius:20px;margin-top:50px;padding:50px 30px}.faq-cta h2{color:#fff;margin-bottom:10px;font-size:1.8rem;font-weight:700}.faq-cta p{color:#ffffffb3;margin-bottom:25px}.faq-cta .cta-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.faq-cta .btn-primary{color:#1a1a1a;background:#fff;border-radius:10px;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .2s}.faq-cta .btn-primary:hover{background:#f0f0f0;transform:translateY(-2px)}.faq-cta .btn-secondary{color:#fff;background:0 0;border:2px solid #ffffff4d;border-radius:10px;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .2s}.faq-cta .btn-secondary:hover{background:#ffffff1a;border-color:#fff9}@media (max-width:600px){.faq-header h1{font-size:1.8rem}.ai-models-highlight{padding:25px 20px}.ai-cards{grid-template-columns:repeat(2,1fr);gap:12px}.ai-card{padding:18px 14px}.faq-cta .cta-buttons{flex-direction:column}}.spin{animation:1s linear infinite spin}.back-link{color:#666;margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:#111}.header-icon{justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;padding:12px;display:flex}.ai-advisor,.ai-advisor-results{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f}.advisor-header{text-align:center;margin-bottom:24px}.advisor-header svg{color:#f59e0b;margin-bottom:12px}.advisor-header h3{margin-bottom:8px;font-size:20px}.advisor-header p{color:#666;font-size:14px}.feature-options{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.feature-option{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.feature-option:hover{border-color:#d1d5db}.feature-option.selected{background:#fffbeb;border-color:#f59e0b}.feature-icon{color:#666;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-option.selected .feature-icon{color:#f59e0b;background:#fef3c7}.feature-info{flex-direction:column;flex:1;gap:2px;display:flex}.feature-label{font-size:14px;font-weight:600}.feature-desc{color:#666;font-size:12px}.feature-check{color:#fff;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.get-recommendations-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.get-recommendations-btn:hover:not(:disabled){background:#d97706}.get-recommendations-btn:disabled{opacity:.5;cursor:not-allowed}.skip-note{text-align:center;color:#888;margin-top:12px;font-size:12px}.recommendations-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.recommendation-card{border:1.5px solid #e5e7eb;border-radius:12px;padding:16px}.rec-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.provider-badge{color:#fff;background:#111;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.model-name{color:#666;font-family:monospace;font-size:12px}.rec-usecase{margin-bottom:8px;font-weight:600}.rec-cost{color:#10b981;align-items:center;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.cost-low{color:#10b981}.rec-pros{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pro-tag{color:#166534;background:#f0fdf4;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.setup-link{color:#3b82f6;align-items:center;gap:6px;font-size:13px;text-decoration:none;display:flex}.setup-link:hover{text-decoration:underline}.advisor-note{background:#f8fafc;border-radius:10px;margin-bottom:16px;padding:14px}.advisor-note p{color:#444;margin:0;font-size:13px}.advisor-note code{background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:12px}.back-to-features{color:#666;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:13px}.back-to-features:hover{color:#111}.flow-selector{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.flow-selector-header{text-align:center;margin-bottom:48px}.flow-selector-header h1{color:var(--text-primary);margin:0 0 12px;font-size:32px;font-weight:700}.flow-selector-header p{color:var(--text-secondary);margin:0;font-size:16px}.flow-options{gap:24px;width:100%;max-width:800px;display:flex}@media (max-width:768px){.flow-options{flex-direction:column}}.flow-option-card{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;flex:1;padding:32px;transition:all .2s;display:flex}.flow-option-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.flow-option-icon{background:var(--bg-secondary);width:56px;height:56px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.flow-option-content h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.flow-option-content p{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.flow-option-features{margin:0 0 24px;padding:0;list-style:none}.flow-option-features li{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:6px 0;font-size:13px}.flow-option-features li:last-child{border-bottom:none}.flow-option-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.flow-option-price{color:var(--text-primary);font-size:24px;font-weight:700}.flow-option-cta{color:var(--text-secondary);align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.flow-option-card:hover .flow-option-cta{color:var(--accent)}.website-step{max-width:600px;margin:0 auto}.website-step h2{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600}.website-step>p{color:var(--text-secondary);margin:0 0 32px;font-size:14px}.form-group{margin-bottom:24px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--bg-primary);border-radius:10px;padding:14px 16px;font-size:15px;transition:border-color .2s}.form-input:focus{border-color:var(--accent);outline:none}.form-textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--bg-primary);resize:vertical;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-textarea:focus{border-color:var(--accent);outline:none}.primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.primary-btn:hover:not(:disabled){background:var(--accent-hover)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.secondary-btn:hover{border-color:var(--accent)}.step-actions{gap:12px;margin-top:32px;display:flex}.style-categories{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.style-category-card{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex}.style-category-card:hover{border-color:var(--accent)}.style-category-card.selected{border-color:var(--accent);background:var(--bg-secondary)}.style-category-check{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.style-category-card.selected .style-category-check{background:var(--accent);border-color:var(--accent);color:#fff}.style-category-content h3{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.style-category-content p{color:var(--text-secondary);margin:0 0 8px;font-size:13px}.style-category-example{color:var(--text-muted);font-size:12px}.coming-soon-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:48px 32px}.coming-soon-card svg{color:var(--text-muted);margin-bottom:16px}.coming-soon-card h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.coming-soon-card p{color:var(--text-secondary);max-width:400px;margin:0 auto 16px;font-size:14px}.coming-soon-card ul{margin:0;padding:0;list-style:none}.coming-soon-card li{color:var(--text-muted);padding:4px 0;font-size:13px}
