.aiBuilderContainer{height:calc(100vh - var(--navbar-height));background:var(--color-bg-primary);display:flex;overflow:hidden}.chatPanel{border-right:1px solid var(--color-border);flex-direction:column;flex:1;min-width:0;display:flex}.chatHeader{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);align-items:center;gap:12px;padding:16px 24px;display:flex;position:relative}.chatHeader:after{content:"";background:var(--gradient-accent-underline);height:2px;position:absolute;bottom:0;left:0;right:0}.chatHeader h2{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-family:var(--font-family);margin:0}.chatHeaderIcon{clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px);background:rgba(144,76,232,.15);border:1px solid rgba(186,134,255,.3);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chatHeaderIcon svg{width:18px;height:18px;color:var(--color-primary-light)}.chatHeaderStatus{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.chatHeaderStatusDot{background:var(--color-success);width:6px;height:6px;box-shadow:0 0 6px var(--color-success);border-radius:50%}.messagesContainer{scroll-behavior:smooth;background:var(--color-bg-primary);flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.messagesContainer::-webkit-scrollbar{width:4px}.messagesContainer::-webkit-scrollbar-track{background:0 0}.messagesContainer::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:2px}.message{gap:10px;max-width:80%;animation:.25s ease-out messageIn;display:flex}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messageUser{flex-direction:row-reverse;align-self:flex-end}.messageAssistant{align-self:flex-start}.messageAvatar{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.messageAvatarUser{background:var(--color-bg-tertiary);color:var(--color-text-secondary);clip-path:polygon(5px 0%,100% 0%,100% calc(100% - 5px),calc(100% - 5px) 100%,0% 100%,0% 5px)}.messageAvatarAssistant{background:var(--gradient-primary);color:#fff;clip-path:polygon(5px 0%,100% 0%,100% calc(100% - 5px),calc(100% - 5px) 100%,0% 100%,0% 5px)}.messageBubble{line-height:var(--line-height-normal);font-size:var(--font-size-sm);padding:12px 16px}.messageBubbleUser{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;clip-path:polygon(8px 0%,100% 0%,100% 100%,0% 100%,0% 8px);border:none}.messageBubbleAssistant{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%)}.messageBubbleAssistant p{margin:0 0 8px}.messageBubbleAssistant p:last-child{margin-bottom:0}.messageBubbleAssistant ul,.messageBubbleAssistant ol{margin:4px 0;padding-left:20px;list-style:outside}.messageBubbleAssistant ol{list-style:decimal}.messageBubbleAssistant li{color:var(--color-text-secondary);margin-bottom:4px}.messageBubbleAssistant strong{color:var(--color-primary-light)}.messageBubbleAssistant code{background:var(--color-bg-tertiary);clip-path:polygon(3px 0%,100% 0%,100% calc(100% - 3px),calc(100% - 3px) 100%,0% 100%,0% 3px);padding:2px 6px;font-size:.9em}.messageBubbleAssistant a{color:var(--color-primary-light);text-underline-offset:2px;text-decoration:underline}.messageBubbleAssistant a:hover{color:var(--color-accent)}.typingIndicator{gap:5px;padding:4px 0;display:flex}.typingDot{background:var(--color-primary-light);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typingDot:nth-child(2){animation-delay:.2s}.typingDot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)scale(1)}30%{opacity:1;transform:translateY(-5px)scale(1.2)}}.toolCallIndicator{border-left:2px solid var(--color-primary);font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family);letter-spacing:var(--letter-spacing-wide);background:rgba(144,76,232,.08);align-items:center;gap:8px;margin:6px 0;padding:8px 12px;display:flex}.toolCallSpinner{border:2px solid rgba(186,134,255,.2);border-top-color:var(--color-primary-light);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.streamingStatusBar{border-top:1px solid var(--color-border);color:var(--color-primary-light);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-family:var(--font-family);background:rgba(144,76,232,.06);align-items:center;gap:10px;padding:10px 24px;display:flex}.streamingStatusDot{background:var(--color-primary-light);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px;animation:1.5s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.productCardsGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:12px 0;display:grid}.productCard{background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);padding:12px}.productCard:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 4px 20px rgba(144,76,232,.15)}.productCardImage{object-fit:contain;background:linear-gradient(155deg,#1e1e22 2%,#2a2a2e 100%);width:100%;height:110px;margin-bottom:8px;padding:8px}.productCardName{font-size:var(--font-size-xs);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);-webkit-line-clamp:2;font-family:var(--font-family);-webkit-box-orient:vertical;margin-bottom:4px;display:-webkit-box;overflow:hidden}.productCardBrand{color:var(--color-primary-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:10px;font-weight:var(--font-weight-medium);margin-bottom:6px}.productCardPrice{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-bold);font-family:var(--font-family)}.productCardOriginal{color:var(--color-text-muted);margin-left:6px;font-size:10px;text-decoration:line-through}.productCardTypeBadge{font-size:9px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);z-index:1;padding:3px 8px;position:absolute;top:8px;left:8px}.productCardTypeBadge.component{color:#fff;background:rgba(59,130,246,.9)}.productCardTypeBadge.prebuilt{color:#fff;background:rgba(144,76,232,.9)}.productCard{position:relative}.productCardPrebuilt{border-color:var(--color-primary);background:linear-gradient(155deg,var(--color-bg-secondary)0%,rgba(144,76,232,.08) 100%)}.productCardPrebuilt:hover{border-color:var(--color-primary-light);box-shadow:0 4px 20px rgba(144,76,232,.25)}.productCardAddBtn.prebuiltBtn{background:var(--color-primary)}.productCardAddBtn.prebuiltBtn:hover:not(:disabled){background:var(--color-primary-light)}.buildPrebuiltSection{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:16px}.buildPrebuiltHeader{margin-bottom:10px}.buildPrebuiltBadge{background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);padding:4px 10px;display:inline-block}.buildPrebuiltItem{background:linear-gradient(135deg,rgba(144,76,232,.1) 0%,var(--color-bg-secondary)100%);border:1px solid var(--color-primary)}.chatInputContainer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);padding:16px 24px;position:relative}.chatInputContainer:before{content:"";background:var(--gradient-accent-underline);height:1px;position:absolute;top:0;left:0;right:0}.chatInputForm{align-items:flex-end;gap:10px;display:flex}.chatInput{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);resize:none;min-height:46px;max-height:120px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);outline:none;flex:1;padding:12px 16px}.chatInput:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px rgba(144,76,232,.3)}.chatInput::placeholder{color:var(--color-text-muted);font-family:var(--font-family)}.chatSendBtn{background:var(--color-primary);color:#fff;cursor:pointer;width:46px;height:46px;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.chatSendBtn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 0 12px rgba(144,76,232,.4)}.chatSendBtn:disabled{opacity:.4;cursor:not-allowed}.buildPanel{background:var(--color-bg-secondary);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:350px;display:flex;overflow-y:auto}.buildPanelHeader{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative}.buildPanelHeader:after{content:"";background:var(--gradient-accent-underline);height:2px;position:absolute;bottom:0;left:0;right:0}.buildPanelHeader h3{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-family:var(--font-family);margin:0}.buildComponentsList{flex:1;padding:16px;overflow-y:auto}.buildComponentItem{border:1px solid var(--color-border);background:var(--color-bg-primary);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);transition:border-color var(--transition-fast);align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.buildComponentItem:hover{border-color:rgba(186,134,255,.3)}.buildComponentImage{object-fit:contain;background:linear-gradient(155deg,#1e1e22 2%,#2a2a2e 100%);flex-shrink:0;width:44px;height:44px;padding:4px}.buildComponentInfo{flex:1;min-width:0}.buildComponentType{color:var(--color-primary-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);font-size:9px;font-weight:var(--font-weight-semibold);font-family:var(--font-family);margin-bottom:2px}.buildComponentName{font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-family);overflow:hidden}.buildComponentPrice{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-bold);font-family:var(--font-family);flex-shrink:0}.buildComponentRemove{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:14px;line-height:1}.buildComponentRemove:hover{color:var(--color-error)}.buildEmptySlot{color:var(--color-text-muted);font-size:var(--font-size-xs);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);font-family:var(--font-family);background:rgba(18,18,22,.5);border:1px dashed rgba(48,48,54,.8);align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.buildEmptySlotIcon{background:var(--color-bg-tertiary);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.buildOptionalBadge{color:var(--color-text-disabled);background:var(--color-bg-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:9px;font-weight:var(--font-weight-medium);clip-path:polygon(3px 0%,100% 0%,100% calc(100% - 3px),calc(100% - 3px) 100%,0% 100%,0% 3px);margin-left:auto;padding:2px 8px}.buildFooter{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);padding:16px;position:relative}.buildFooter:before{content:"";background:var(--gradient-accent-underline);height:1px;position:absolute;top:0;left:0;right:0}.buildTotal{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.buildTotalLabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-family:var(--font-family)}.buildTotalPrice{font-size:var(--font-size-xl);color:var(--color-accent);font-weight:var(--font-weight-bold);font-family:var(--font-family)}.buildCheckoutBtn{background:var(--color-primary);border:2px solid var(--color-primary-light);width:100%;box-shadow:0px 0px 12px 0px var(--color-primary-light)inset;color:#fff;font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);font-family:var(--font-family);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);padding:14px}.buildCheckoutBtn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0px 0px 18px 0px var(--color-primary-light)inset;transform:translateY(-1px)}.buildCheckoutBtn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-bg-tertiary);box-shadow:none;background:var(--color-bg-tertiary)}.buildCompatBadge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-family:var(--font-family);clip-path:polygon(5px 0%,100% 0%,100% calc(100% - 5px),calc(100% - 5px) 100%,0% 100%,0% 5px);align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;display:inline-flex}.buildCompatValid{color:var(--color-success);background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3)}.buildCompatInvalid{color:var(--color-error);background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3)}.buildCompatUnknown{background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border)}.welcomeMessage{text-align:center;color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px 30px;display:flex}.welcomeIcon{clip-path:polygon(12px 0%,100% 0%,100% calc(100% - 12px),calc(100% - 12px) 100%,0% 100%,0% 12px);background:rgba(144,76,232,.1);border:1px solid rgba(186,134,255,.2);justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:3s ease-in-out infinite iconGlow;display:flex}@keyframes iconGlow{0%,to{border-color:rgba(186,134,255,.2);box-shadow:0 0 15px rgba(144,76,232,.1)}50%{border-color:rgba(186,134,255,.5);box-shadow:0 0 30px rgba(144,76,232,.3),0 0 60px rgba(144,76,232,.1)}}.welcomeIcon svg{width:36px;height:36px;color:var(--color-primary-light)}.welcomeMessage h3{color:var(--color-text-primary);font-size:max(22px,min(3vw,28px));font-family:var(--font-family);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-weight:var(--font-weight-semibold);margin-bottom:8px;animation:.6s ease-out both fadeUp}.welcomeMessage p{color:var(--color-text-muted);font-size:var(--font-size-sm);max-width:420px;line-height:var(--line-height-relaxed);font-family:var(--font-family);margin:0 auto 24px;animation:.6s ease-out .1s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.welcomeSteps{gap:32px;margin-bottom:28px;animation:.6s ease-out .2s both fadeUp;display:flex}.welcomeStep{flex-direction:column;align-items:center;gap:6px;max-width:120px;display:flex}.welcomeStepNum{width:28px;height:28px;color:var(--color-primary-light);font-size:11px;font-weight:var(--font-weight-bold);font-family:var(--font-family);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);background:rgba(144,76,232,.15);border:1px solid rgba(186,134,255,.3);justify-content:center;align-items:center;display:flex}.welcomeStepLabel{color:var(--color-text-muted);text-align:center;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:11px;font-family:var(--font-family)}.welcomeSection{width:100%;max-width:560px;animation:.6s ease-out .3s both fadeUp}.welcomeSectionLabel{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:11px;font-family:var(--font-family);font-weight:var(--font-weight-medium);margin-bottom:14px}.useCaseGrid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.useCaseCard{background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.useCaseCard:hover{border-color:var(--color-primary);background:rgba(144,76,232,.08);transform:translateY(-2px);box-shadow:0 4px 20px rgba(144,76,232,.15)}.useCaseCard.useCaseSelected{border-color:var(--color-primary-light);background:rgba(144,76,232,.12);box-shadow:0 0 16px rgba(144,76,232,.2)}.useCaseIcon{justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.useCaseIcon svg{width:24px;height:24px;color:var(--color-primary-light)}.useCaseTitle{font-size:var(--font-size-xs);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-family:var(--font-family)}.useCaseDesc{color:var(--color-text-muted);font-size:10px;font-family:var(--font-family);line-height:1.3}.budgetRow{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.budgetPill{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px);padding:10px 18px}.budgetPill:hover{border-color:var(--color-primary);color:var(--color-primary-light);background:rgba(144,76,232,.08)}.budgetPill.budgetSelected{border-color:var(--color-primary-light);color:#fff;background:var(--color-primary);box-shadow:0 0 12px rgba(144,76,232,.3)}.welcomeSuggestions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:560px;margin-top:10px;display:flex}.welcomeSuggestionBtn{color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);letter-spacing:var(--letter-spacing-wide);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);background:rgba(144,76,232,.08);border:1px solid rgba(186,134,255,.2);padding:10px 20px}.welcomeSuggestionBtn:hover{border-color:var(--color-primary-light);color:var(--color-primary-light);background:rgba(144,76,232,.15);transform:translateY(-1px);box-shadow:0 0 12px rgba(144,76,232,.15)}.quickReplyContainer{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.quickReplyBtn{color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);letter-spacing:var(--letter-spacing-wide);clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px);background:rgba(144,76,232,.08);border:1px solid rgba(186,134,255,.25);padding:8px 16px}.quickReplyBtn:hover{border-color:var(--color-primary-light);color:var(--color-primary-light);background:rgba(144,76,232,.15);transform:translateY(-1px)}.productCardActions{justify-content:space-between;align-items:center;gap:6px;margin-top:8px;display:flex}.productCardAddBtn{background:var(--color-primary);border:1px solid var(--color-primary-light);color:#fff;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);flex:1;padding:6px 10px}.productCardAddBtn:hover{background:var(--color-primary-dark);box-shadow:0 0 10px rgba(144,76,232,.3)}.productCardStock{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:9px;font-family:var(--font-family);white-space:nowrap;align-items:center;gap:4px;display:flex}.productCardStockDot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.productCardStockDot.inStock{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.productCardStockDot.outOfStock{background:var(--color-error);box-shadow:0 0 4px var(--color-error)}.buildProgressWrap{border-bottom:1px solid var(--color-border);padding:12px 16px}.buildProgressInfo{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.buildProgressLabel{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:10px;font-family:var(--font-family);font-weight:var(--font-weight-medium)}.buildProgressBar{background:var(--color-bg-tertiary);clip-path:polygon(2px 0%,100% 0%,100% 100%,0% 100%,0% 2px);width:100%;height:4px;overflow:hidden}.buildProgressFill{background:var(--gradient-primary);height:100%;transition:width .5s ease-out;position:relative}.buildProgressFill.complete{background:var(--color-success);box-shadow:0 0 8px rgba(16,185,129,.3)}.buildEmptyStateBig{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.buildEmptyStateBig svg{color:rgba(186,134,255,.3);width:48px;height:48px;margin-bottom:16px}.buildEmptyStateBig p{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family);max-width:200px;line-height:var(--line-height-relaxed)}.buildNextUp{border-left:2px solid var(--color-primary);color:var(--color-primary-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:10px;font-family:var(--font-family);font-weight:var(--font-weight-medium);background:rgba(144,76,232,.06);align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.buildStartOver{border:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:all var(--transition-fast);font-size:10px;font-family:var(--font-family);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px;display:flex}.buildStartOver:hover{border-color:var(--color-error);color:var(--color-error)}.buildSlotActive{box-shadow:inset 0 0 0 1px rgba(186,134,255,.15);border-color:var(--color-primary)!important;background:rgba(144,76,232,.06)!important}.buildComponentItem.justAdded{animation:1.5s ease-out componentAdded}@keyframes componentAdded{0%{box-shadow:0 0 rgba(16,185,129,.4)}30%{box-shadow:0 0 12px 2px rgba(16,185,129,.25)}to{box-shadow:none}}.buildTrustSignals{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.buildTrustBadge{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:9px;font-family:var(--font-family);background:var(--color-bg-tertiary);clip-path:polygon(3px 0%,100% 0%,100% calc(100% - 3px),calc(100% - 3px) 100%,0% 100%,0% 3px);align-items:center;gap:4px;padding:4px 8px;display:flex}.buildTrustBadge svg{width:10px;height:10px;color:var(--color-primary-light)}.chatHeaderNewBuild{border:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:all var(--transition-fast);font-size:10px;font-family:var(--font-family);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);background:0 0;padding:6px 14px}.chatHeaderNewBuild:hover{border-color:var(--color-primary);color:var(--color-primary-light)}.mobileBuildToggle{z-index:var(--z-sticky);background:var(--color-primary);border:2px solid var(--color-primary-light);color:#fff;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;display:none;position:fixed;bottom:80px;right:16px;box-shadow:0 0 16px rgba(144,76,232,.4)}.mobileBuildBadge{background:var(--color-error);color:#fff;width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-bold);clip-path:polygon(3px 0%,100% 0%,100% calc(100% - 3px),calc(100% - 3px) 100%,0% 100%,0% 3px);justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.errorBar{color:var(--color-error-light);font-size:var(--font-size-xs);border-top:1px solid var(--color-border);border-left:3px solid var(--color-error);font-family:var(--font-family);background:rgba(239,68,68,.08);padding:10px 24px}@media (max-width:768px){.buildPanel{width:100%;max-width:340px;height:100vh;z-index:var(--z-modal);transition:right var(--transition-normal);position:fixed;top:0;right:-100%;box-shadow:-4px 0 30px rgba(0,0,0,.5)}.buildPanelOpen{right:0}.mobileBuildToggle{display:flex}.buildPanelOverlay{z-index:calc(var(--z-modal) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.6);position:fixed;top:0;bottom:0;left:0;right:0}.message{max-width:92%}.productCardsGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.welcomeMessage{padding:30px 16px 20px}.welcomeMessage h3{font-size:20px}.chatHeader h2{font-size:var(--font-size-md)}.welcomeSteps{gap:20px}.useCaseGrid{grid-template-columns:1fr 1fr;gap:8px}.budgetRow{gap:6px}.chatHeaderNewBuild{display:none}}@media (max-width:480px){.messagesContainer{padding:16px}.chatInputContainer,.chatHeader{padding:12px 16px}.productCardsGrid{grid-template-columns:1fr 1fr;gap:8px}}.aiBuilderSeoSection{background:var(--color-bg-primary);border-top:1px solid var(--color-border);max-width:900px;margin:0 auto;padding:60px 24px 80px}.aiBuilderSeoBlock{margin-bottom:48px}.aiBuilderSeoBlock:last-child{margin-bottom:0}.aiBuilderSeoBlock h2{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-family:var(--font-family);border-bottom:2px solid transparent;border-image:var(--gradient-accent-underline)1;margin:0 0 16px;padding-bottom:12px}.aiBuilderSeoBlock>p{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.aiBuilderSeoSteps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;display:grid}.aiBuilderSeoStep{background:var(--color-bg-secondary);border:1px solid var(--color-border);clip-path:polygon(12px 0%,100% 0%,100% calc(100% - 12px),calc(100% - 12px) 100%,0% 100%,0% 12px);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:24px 20px}.aiBuilderSeoStep:hover{border-color:rgba(186,134,255,.3);box-shadow:0 4px 20px rgba(144,76,232,.1)}.aiBuilderSeoStepNum{background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:var(--font-family);clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.aiBuilderSeoStep h3{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-family:var(--font-family);letter-spacing:var(--letter-spacing-wide);margin:0 0 8px}.aiBuilderSeoStep p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);margin:0}.aiBuilderSeoBenefits{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.aiBuilderSeoBenefits li{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);line-height:var(--line-height-normal);padding:12px 16px}.aiBuilderSeoBenefits li:before{content:"✓ ";color:var(--color-success);font-weight:var(--font-weight-bold)}.aiBuilderSeoFaq{flex-direction:column;gap:8px;display:flex}.aiBuilderSeoFaqItem{background:var(--color-bg-secondary);border:1px solid var(--color-border);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);transition:border-color var(--transition-fast)}.aiBuilderSeoFaqItem[open]{border-color:rgba(186,134,255,.3)}.aiBuilderSeoFaqItem summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;list-style:none;display:flex}.aiBuilderSeoFaqItem summary::-webkit-details-marker{display:none}.aiBuilderSeoFaqItem summary:after{content:"+";font-size:var(--font-size-lg);color:var(--color-primary-light);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast);flex-shrink:0;margin-left:12px}.aiBuilderSeoFaqItem[open] summary:after{content:"−"}.aiBuilderSeoFaqItem summary:hover{color:var(--color-primary-light)}.aiBuilderSeoFaqItem p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0;padding:0 20px 16px}@media (max-width:768px){.aiBuilderSeoSection{padding:40px 16px 60px}.aiBuilderSeoSteps{grid-template-columns:1fr;gap:12px}.aiBuilderSeoBenefits{grid-template-columns:1fr}}