.dashboard-content:has(.build-with-ai-page){overflow:hidden;display:flex;flex-direction:column}.build-with-ai-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;font-family:var(--font-family)}.build-with-ai-page .ai-header .header-icon.ai-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.build-with-ai-page .ai-header{flex-shrink:0}.build-with-ai-page .ai-chat-container{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.build-with-ai-page .ai-messages-container{flex:1 1 0;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column}.build-with-ai-page .ai-input-container{flex-shrink:0}.build-with-ai-page .ai-messages-container:has(.ai-welcome){overflow-y:auto}.build-with-ai-page .ai-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:min-content;padding:2rem 1.5rem;max-width:800px;margin:0 auto}.build-with-ai-page .ai-welcome-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(99,102,241,.15));border-radius:50%;color:#8b5cf6;font-size:var(--text-2xl);margin-bottom:1.25rem}.build-with-ai-page .ai-welcome h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 .5rem;font-family:var(--font-family)}.build-with-ai-page .ai-welcome p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6;font-family:var(--font-family)}.build-with-ai-page .ai-example-prompts{width:100%}.build-with-ai-page .ai-example-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.build-with-ai-page .ai-example-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-family:var(--font-family)}.build-with-ai-page .ai-prompt-toggle{display:flex;gap:.25rem;background:var(--color-surface);border-radius:var(--radius-sm);padding:.2rem}.build-with-ai-page .ai-toggle-btn{padding:.35rem .75rem;font-size:var(--text-xs);font-family:var(--font-family);border:none;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-toggle-btn:hover{color:var(--color-text)}.build-with-ai-page .ai-toggle-btn.active{background:#8b5cf6;color:white}.build-with-ai-page .ai-example-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.build-with-ai-page .ai-example-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-family);text-align:left;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-example-btn:hover{background:var(--color-surface-hover);border-color:#8b5cf6;transform:translateX(4px)}.build-with-ai-page .ai-example-btn i{color:#8b5cf6;font-size:var(--text-xs)}.build-with-ai-page .ai-messages{display:flex;flex-direction:column;gap:1.5rem}.build-with-ai-page .ai-message{display:flex;gap:.5rem;animation:aiMessageFadeIn .3s ease}.build-with-ai-page .ai-message.user{flex-direction:row-reverse}@keyframes aiMessageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.build-with-ai-page .ai-message-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:var(--text-sm)}.build-with-ai-page .ai-message.user .ai-message-avatar{background:var(--color-primary);color:white}.build-with-ai-page .ai-message.assistant .ai-message-avatar{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:white}.build-with-ai-page .ai-message-content{flex:1;max-width:800px;min-width:0;overflow:hidden;font-family:var(--font-family)}.build-with-ai-page .ai-message.user .ai-message-content{background:var(--color-surface);padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.build-with-ai-page .ai-message.user .ai-message-content p{margin:0;color:var(--color-text);line-height:1.6;font-size:var(--text-sm)}.build-with-ai-page .ai-message.assistant .ai-message-content{padding-top:.25rem}.build-with-ai-page .ai-chat-bubble{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem 1rem;max-width:100%;overflow:hidden;min-width:0}.build-with-ai-page .ai-markdown-content{color:var(--color-text);line-height:1.7;font-size:var(--text-sm);font-family:var(--font-family)}.build-with-ai-page .ai-markdown-content p{margin:0 0 1rem}.build-with-ai-page .ai-markdown-content strong{font-weight:600;color:var(--color-text)}.build-with-ai-page .ai-markdown-content code{background:var(--color-background);padding:.125rem .375rem;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:#e879f9}.build-with-ai-page .ai-markdown-content pre{background:#1e1e2e;border-radius:var(--radius-sm);padding:1rem;margin:1rem 0;overflow-x:auto}.build-with-ai-page .ai-markdown-content pre code{background:none;padding:0;color:#cdd6f4;font-size:var(--text-xs);line-height:1.6}.build-with-ai-page .ai-markdown-content li{margin-left:1.5rem;margin-bottom:.5rem}.build-with-ai-page .ai-response-content{color:var(--color-text);line-height:1.7;font-size:var(--text-sm);font-family:var(--font-family)}.build-with-ai-page .ai-response-content strong{font-weight:600;color:var(--color-text)}.build-with-ai-page .ai-response-content em{font-style:italic}.build-with-ai-page .ai-response-content>code{background:var(--color-background);padding:.125rem .375rem;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:#e879f9}.build-with-ai-page .ai-code-block{position:relative;background:#1e1e2e;border-radius:var(--radius-sm);margin:1rem 0;max-width:100%;overflow:hidden}.build-with-ai-page .ai-code-block:first-child{margin-top:0}.build-with-ai-page .ai-code-actions{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.375rem;z-index:1}.build-with-ai-page .ai-code-lang{padding:.2rem .5rem;background:rgba(0,0,0,.4);border-radius:9999px;font-size:.6rem;font-family:var(--font-mono);color:#a6adc8;text-transform:lowercase}.build-with-ai-page .ai-code-copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,.4);border:none;border-radius:9999px;color:#a6adc8;font-size:.65rem;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-code-copy-btn:hover{background:rgba(139,92,246,.5);color:#fff}.build-with-ai-page .ai-code-block pre{margin:0;padding:.5rem .75rem;overflow-x:auto;max-width:100%}.build-with-ai-page .ai-code-block pre::-webkit-scrollbar{height:8px;background:#1e1e2e}.build-with-ai-page .ai-code-block pre::-webkit-scrollbar-track{background:#1e1e2e;border-radius:4px}.build-with-ai-page .ai-code-block pre::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.build-with-ai-page .ai-code-block pre::-webkit-scrollbar-thumb:hover{background:#585b70}.build-with-ai-page .ai-code-block pre code{background:none;padding:0;color:#cdd6f4;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;white-space:pre;display:block}.build-with-ai-page .ai-response-content pre{background:#1e1e2e;border-radius:var(--radius-sm);padding:.75rem;margin:.375rem 0;overflow-x:auto;max-width:100%}.build-with-ai-page .ai-response-content pre code{background:none;padding:0;color:#cdd6f4;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;white-space:pre;display:block}@media (max-width:768px){.build-with-ai-page .ai-code-block pre code,.build-with-ai-page .ai-response-content pre code{font-size:.65rem}.build-with-ai-page .ai-code-block pre,.build-with-ai-page .ai-response-content pre{padding:.5rem}.build-with-ai-page .ai-code-actions{top:.375rem;right:.375rem}}.build-with-ai-page .ai-response-content li{margin-left:1.5rem;margin-bottom:.5rem}.build-with-ai-page .ai-token-cost-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(99,102,241,.15));border:1px solid rgba(139,92,246,.3);border-radius:9999px;font-size:var(--text-xs);font-weight:500;color:#a78bfa;margin-top:.75rem}.build-with-ai-page .ai-token-cost-pill i{color:#8b5cf6;font-size:var(--text-2xs)}.build-with-ai-page .ai-typing-content{color:var(--color-text);line-height:1.7;font-size:var(--text-sm);font-family:var(--font-family)}.build-with-ai-page .ai-typing-content .ai-typing-cursor{display:inline;color:#8b5cf6;animation:aiTypingBlink .7s step-end infinite;font-weight:700;margin-left:2px}.build-with-ai-page .ai-typing-content .ai-code-block{position:relative;background:#1e1e2e;border-radius:var(--radius-sm);margin:.375rem 0 0;max-width:100%}.build-with-ai-page .ai-typing-content .ai-code-actions{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.375rem;z-index:1}.build-with-ai-page .ai-typing-content .ai-code-lang{padding:.2rem .5rem;background:rgba(0,0,0,.4);border-radius:9999px;font-size:.6rem;font-family:var(--font-mono);color:#a6adc8;text-transform:lowercase}.build-with-ai-page .ai-typing-content .ai-code-copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,.4);border:none;border-radius:9999px;color:#a6adc8;font-size:.65rem;cursor:pointer}.build-with-ai-page .ai-typing-content .ai-code-block pre{margin:0;padding:.5rem .75rem .75rem;overflow-x:auto}.build-with-ai-page .ai-typing-content .ai-code-block pre code{background:none;padding:0;color:#cdd6f4;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;white-space:pre;display:block}.build-with-ai-page .ai-typing-content strong{font-weight:600;color:var(--color-text)}@keyframes aiTypingBlink{50%{opacity:0}}.build-with-ai-page .ai-typing-indicator{display:flex;gap:4px;padding:.5rem 0}.build-with-ai-page .ai-typing-indicator span{width:8px;height:8px;background:#8b5cf6;border-radius:50%;animation:aiTypingBounce 1.4s ease-in-out infinite both}.build-with-ai-page .ai-typing-indicator span:first-child{animation-delay:-.32s}.build-with-ai-page .ai-typing-indicator span:nth-child(2){animation-delay:-.16s}.build-with-ai-page .ai-typing-indicator span:nth-child(3){animation-delay:0}@keyframes aiTypingBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.build-with-ai-page .ai-input-container{padding:1rem 1.5rem 1.5rem;background:var(--color-background);border-top:1px solid var(--color-border)}.build-with-ai-page .ai-input-form{max-width:800px;margin:0 auto}.build-with-ai-page .ai-input-wrapper{display:flex;align-items:flex-end;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.build-with-ai-page .ai-input-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}.build-with-ai-page .ai-input-wrapper textarea{flex:1;background:none;border:none;outline:none;resize:none;font-size:var(--text-sm);font-family:var(--font-family);line-height:1.5;color:var(--color-text);min-height:24px;max-height:147px;overflow-y:auto}.build-with-ai-page .ai-input-wrapper textarea::-webkit-scrollbar{width:6px}.build-with-ai-page .ai-input-wrapper textarea::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.build-with-ai-page .ai-input-wrapper textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px;transition:background .2s ease}.build-with-ai-page .ai-input-wrapper textarea::-webkit-scrollbar-thumb:hover{background:#8b5cf6}.build-with-ai-page .ai-input-wrapper textarea{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}.build-with-ai-page .ai-input-wrapper textarea::placeholder{color:var(--color-text-secondary)}.build-with-ai-page .ai-send-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--radius-sm);color:white;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0}.build-with-ai-page .ai-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(139,92,246,.4)}.build-with-ai-page .ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.build-with-ai-page .ai-stop-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ef4444;border:none;border-radius:var(--radius-sm);color:white;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0}.build-with-ai-page .ai-stop-btn:hover{background:#dc2626;transform:scale(1.05);box-shadow:0 4px 12px rgba(239,68,68,.4)}.build-with-ai-page .ai-input-hint{display:flex;justify-content:space-between;padding:.5rem .25rem 0;font-size:var(--text-2xs);font-family:var(--font-family);color:var(--color-text-secondary)}.build-with-ai-page .ai-powered{display:flex;align-items:center;gap:.375rem;color:#8b5cf6}.build-with-ai-page .ai-usage-indicator{display:flex;align-items:center;gap:.375rem;color:var(--color-text-secondary)}.build-with-ai-page .ai-usage-indicator i{color:#8b5cf6}.build-with-ai-page .ai-limit-reached{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-md)}.build-with-ai-page .ai-limit-header{display:flex;align-items:center;gap:.5rem;color:#8b5cf6;font-size:var(--text-xs);font-weight:600;font-family:var(--font-family)}.build-with-ai-page .ai-limit-header i{font-size:var(--text-sm)}.build-with-ai-page .ai-limit-text{margin:0;color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-family);line-height:1.5}.build-with-ai-page .ai-complete-wrapper{justify-content:space-between}.build-with-ai-page .ai-complete-message{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-family);padding:.5rem 0}.build-with-ai-page .ai-complete-message i{color:#22c55e}.build-with-ai-page .ai-plan-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.build-with-ai-page .ai-plan-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.1));border-bottom:1px solid var(--color-border)}.build-with-ai-page .ai-plan-header-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:var(--radius-xs);color:white;font-size:var(--text-2xs)}.build-with-ai-page .ai-plan-header-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.build-with-ai-page .ai-plan-body{padding:1rem}.build-with-ai-page .ai-plan-summary{font-size:var(--text-sm);color:var(--color-text);line-height:1.6;margin:0 0 1rem}.build-with-ai-page .ai-plan-apis-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.5rem}.build-with-ai-page .ai-plan-apis{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.build-with-ai-page .ai-plan-api-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;font-size:var(--text-xs);color:var(--color-text);font-family:var(--font-family);text-decoration:none;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-plan-api-pill:hover{background:var(--color-surface-hover);border-color:#8b5cf6;transform:translateY(-1px)}.build-with-ai-page .ai-plan-api-pill i{color:#8b5cf6;font-size:var(--text-2xs)}.build-with-ai-page .ai-plan-api-pill i.fa-external-link-alt{font-size:.6rem;opacity:.6;transition:opacity .2s ease}.build-with-ai-page .ai-plan-api-pill:hover i.fa-external-link-alt{opacity:1}.build-with-ai-page .ai-plan-cost{display:flex;align-items:center;gap:.375rem;padding:.5rem 0;font-size:var(--text-xs);color:var(--color-text-secondary)}.build-with-ai-page .ai-plan-cost i{color:#8b5cf6;font-size:var(--text-2xs)}.build-with-ai-page .ai-plan-actions{display:flex;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.build-with-ai-page .ai-plan-approve-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:white;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-family);font-weight:500;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-plan-approve-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.4)}.build-with-ai-page .ai-plan-approve-btn:disabled{opacity:.5;cursor:not-allowed}.build-with-ai-page .ai-plan-refine-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-family);font-weight:500;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-plan-refine-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:#8b5cf6}.build-with-ai-page .ai-plan-refine-btn:disabled{opacity:.5;cursor:not-allowed}.build-with-ai-page .ai-plan-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:var(--text-2xs);font-weight:500;margin-left:auto}.build-with-ai-page .ai-plan-status.pending{background:rgba(251,191,36,.15);color:#f59e0b}.build-with-ai-page .ai-plan-status.approved{background:rgba(34,197,94,.15);color:#22c55e}.build-with-ai-page .ai-plan-status.refined{background:rgba(139,92,246,.15);color:#8b5cf6}.build-with-ai-page .ai-plan-refine-input{display:flex;gap:.5rem;margin-top:.75rem}.build-with-ai-page .ai-plan-refine-input input{flex:1;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-family);color:var(--color-text);outline:none}.build-with-ai-page .ai-plan-refine-input input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}.build-with-ai-page .ai-plan-refine-input input::placeholder{color:var(--color-text-secondary)}.build-with-ai-page .ai-plan-refine-submit{padding:.5rem .75rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:white;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-plan-refine-submit:hover{transform:scale(1.05)}.build-with-ai-page .ai-plan-refine-cancel{padding:.5rem .75rem;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-plan-refine-cancel:hover{background:var(--color-surface-hover)}@media (max-width:768px){.dashboard-content:has(.build-with-ai-page){overflow:hidden!important;display:flex!important;flex-direction:column!important;flex:1!important;height:calc(100dvh - 70px)!important}.build-with-ai-page{height:100%;max-height:100%}.build-with-ai-page .ai-chat-container{flex:1;min-height:0;max-height:100%}.build-with-ai-page .ai-messages-container{flex:1 1 0;min-height:0;max-height:100%;overflow-y:auto}.build-with-ai-page .ai-welcome-icon{width:56px;height:56px;font-size:var(--text-xl)}.build-with-ai-page .ai-welcome h2{font-size:var(--text-lg)}.build-with-ai-page .ai-example-buttons{grid-template-columns:1fr}.build-with-ai-page .ai-example-btn{font-size:var(--text-xs);padding:.625rem .875rem}.build-with-ai-page .ai-input-hint span:first-child{display:none}.build-with-ai-page .ai-input-wrapper textarea::placeholder{font-size:var(--text-xs)}.build-with-ai-page .ai-plan-actions,.build-with-ai-page .ai-plan-refine-input{flex-direction:column}.build-with-ai-page .ai-message.assistant{flex-direction:column;align-items:flex-start}.build-with-ai-page .ai-message.assistant .ai-message-content{max-width:100%;width:100%}.build-with-ai-page .ai-message.assistant .ai-chat-bubble{max-width:100%}.build-with-ai-page .ai-message.user{flex-direction:column;align-items:flex-end}.build-with-ai-page .ai-message.user .ai-message-avatar{display:none}.build-with-ai-page .ai-message.user .ai-message-content{max-width:85%}}[data-theme=dark] .build-with-ai-page .ai-markdown-content pre,[data-theme=dark] .build-with-ai-page .ai-response-content pre,[data-theme=dark] .build-with-ai-page .ai-typing-content pre{background:#0d0d14}.build-with-ai-page .ai-error-card{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.05));border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:.75rem 1rem;max-width:360px;font-family:var(--font-family)}.build-with-ai-page .ai-error-header{display:flex;align-items:center;gap:.375rem;color:#ef4444;font-family:var(--font-family);font-weight:600;font-size:var(--text-xs);margin-bottom:.375rem}.build-with-ai-page .ai-error-header i{font-size:var(--text-xs)}.build-with-ai-page .ai-error-message{color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--text-xs);margin:0 0 .75rem;line-height:1.4}.build-with-ai-page .ai-error-actions{display:flex;gap:.5rem}.build-with-ai-page .ai-retry-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ef4444;color:white;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-retry-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.build-with-ai-page .ai-retry-btn:disabled{opacity:.6;cursor:not-allowed}.build-with-ai-page .ai-retry-btn i{font-size:var(--text-2xs)}.build-with-ai-page .ai-clear-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-clear-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.build-with-ai-page .ai-clear-btn:disabled{opacity:.6;cursor:not-allowed}.build-with-ai-page .ai-clear-btn i{font-size:var(--text-2xs)}[data-theme=dark] .build-with-ai-page .ai-error-card{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.08));border-color:rgba(239,68,68,.4)}.build-with-ai-page .ai-suggest-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;max-width:500px}.build-with-ai-page .ai-suggest-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.1));border-bottom:1px solid var(--color-border)}.build-with-ai-page .ai-suggest-header-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-xs);color:white;font-size:var(--text-2xs)}.build-with-ai-page .ai-suggest-header-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.build-with-ai-page .ai-suggest-body{padding:1rem}.build-with-ai-page .ai-suggest-summary{font-size:var(--text-sm);color:var(--color-text);line-height:1.6;margin:0 0 1rem}.build-with-ai-page .ai-suggest-apis{display:flex;flex-direction:column;gap:.5rem}.build-with-ai-page .ai-suggest-api-item{display:block;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:all .2s ease}.build-with-ai-page .ai-suggest-api-item:hover{background:var(--color-surface-hover);border-color:#fbbf24;transform:translateX(4px)}.build-with-ai-page .ai-suggest-api-name{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.build-with-ai-page .ai-suggest-api-name i{color:#f59e0b;font-size:var(--text-2xs)}.build-with-ai-page .ai-suggest-api-name i.fa-external-link-alt{font-size:.6rem;opacity:.5;margin-left:auto}.build-with-ai-page .ai-suggest-api-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin:.375rem 0 0 1.5rem;line-height:1.4}.build-with-ai-page .ai-debug-card{background:var(--color-background);border:1px solid var(--color-border);max-width:500px}.build-with-ai-page .ai-debug-header{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.05));border-bottom:1px solid var(--color-border)}.build-with-ai-page .ai-debug-header-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-xs);color:white;font-size:var(--text-2xs)}.build-with-ai-page .ai-debug-header-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.build-with-ai-page .ai-debug-body{padding:1rem}.build-with-ai-page .ai-debug-section{margin-bottom:1rem}.build-with-ai-page .ai-debug-section:last-child{margin-bottom:0}.build-with-ai-page .ai-debug-label{display:block;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.375rem}.build-with-ai-page .ai-debug-issue{font-size:var(--text-sm);color:#ef4444;margin:0;line-height:1.5}.build-with-ai-page .ai-debug-solution{font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.5}.build-with-ai-page .ai-debug-causes{margin:0;padding-left:1.25rem;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.build-with-ai-page .ai-debug-causes li{margin-bottom:.25rem}.build-with-ai-page .ai-integration-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;max-width:500px}.build-with-ai-page .ai-integration-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.1));border-bottom:1px solid var(--color-border)}.build-with-ai-page .ai-integration-header-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-xs);color:white;font-size:var(--text-2xs)}.build-with-ai-page .ai-integration-header-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.build-with-ai-page .ai-integration-platform{margin-left:auto;padding:.25rem .625rem;background:rgba(34,197,94,.15);border-radius:9999px;font-size:var(--text-2xs);font-weight:500;color:#22c55e}.build-with-ai-page .ai-integration-body{padding:1rem}.build-with-ai-page .ai-integration-instructions{font-size:var(--text-sm);color:var(--color-text);margin:0 0 1rem;line-height:1.6}.build-with-ai-page .ai-integration-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:white;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-integration-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,.4)}.build-with-ai-page .ai-integration-link i.fa-external-link-alt{font-size:.65rem;opacity:.8}.build-with-ai-page .ai-integration-links{display:flex;flex-wrap:wrap;gap:.5rem}.build-with-ai-page .ai-integration-docs-link{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.build-with-ai-page .ai-integration-docs-link:hover{box-shadow:0 4px 12px rgba(139,92,246,.4)}.build-with-ai-page .ai-debug-docs-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-top:.75rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:white;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-debug-docs-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.4)}.build-with-ai-page .ai-debug-docs-link i.fa-external-link-alt{font-size:.65rem;opacity:.8}.build-with-ai-page .ai-limit-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-sm);margin-top:.75rem;color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-family);line-height:1.6}.build-with-ai-page .ai-limit-info i{color:#8b5cf6;flex-shrink:0;margin-top:.25rem;font-size:var(--text-base)}.build-with-ai-page .ai-limit-info p{margin:0 0 .5rem}.build-with-ai-page .ai-limit-info p:last-child{margin-bottom:0}.build-with-ai-page .ai-usage-clickable{background:none;border:none;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:var(--radius-xs);cursor:pointer;transition:all .2s ease;font-size:var(--text-2xs);font-family:var(--font-family);color:var(--color-text-secondary);display:flex;align-items:center;gap:.375rem}.build-with-ai-page .ai-usage-clickable i{color:#8b5cf6}.build-with-ai-page .ai-usage-clickable:hover{background:rgba(139,92,246,.1)}.build-with-ai-page .ai-messages-indicator{background:none;border:none;padding:0;cursor:pointer;transition:all .2s ease;font-size:var(--text-2xs);font-family:var(--font-family);color:var(--color-text-secondary)}.build-with-ai-page .ai-messages-indicator:hover{color:#8b5cf6}.build-with-ai-page .ai-token-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:aiModalFadeIn .2s ease}@keyframes aiModalFadeIn{0%{opacity:0}to{opacity:1}}.build-with-ai-page .ai-token-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:420px;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:aiModalSlideIn .2s ease;font-family:var(--font-family)}@keyframes aiModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.build-with-ai-page .ai-token-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.build-with-ai-page .ai-token-modal-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(99,102,241,.15));border-radius:var(--radius-sm);color:#8b5cf6;font-size:var(--text-base)}.build-with-ai-page .ai-token-modal-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text);font-family:var(--font-family)}.build-with-ai-page .ai-token-modal-close{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.build-with-ai-page .ai-token-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.build-with-ai-page .ai-token-modal-body{padding:1.5rem}.build-with-ai-page .ai-token-usage-bar{height:8px;background:var(--color-background);border-radius:9999px;overflow:hidden;margin-bottom:.75rem}.build-with-ai-page .ai-token-usage-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:9999px;transition:width .3s ease}.build-with-ai-page .ai-token-usage-stats{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:1.5rem;font-family:var(--font-family)}.build-with-ai-page .ai-token-info-section{display:flex;flex-direction:column;gap:1rem}.build-with-ai-page .ai-token-info-item{display:flex;gap:.75rem;padding:.75rem;background:var(--color-background);border-radius:var(--radius-sm)}.build-with-ai-page .ai-token-info-item i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#8b5cf6;font-size:var(--text-sm)}.build-with-ai-page .ai-token-info-item strong{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:.25rem;font-family:var(--font-family)}.build-with-ai-page .ai-token-info-item p{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5;font-family:var(--font-family)}.build-with-ai-page .ai-api-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin:.5rem 0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);max-width:380px}.build-with-ai-page .ai-api-card .ai-api-logo{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:contain;background:var(--color-background);flex-shrink:0}.build-with-ai-page .ai-api-card .ai-api-content{display:flex;flex-direction:column;gap:.375rem;min-width:0;flex:1}.build-with-ai-page .ai-api-card .ai-api-title{font-weight:600;color:var(--color-text);font-size:var(--text-sm)}.build-with-ai-page .ai-api-card .ai-api-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.build-with-ai-page .ai-api-card .ai-api-pills{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.125rem}.build-with-ai-page .ai-api-card .ai-api-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:9999px;font-size:var(--text-2xs);font-weight:500}.build-with-ai-page .ai-api-card .ai-api-pill i{font-size:.55rem}.build-with-ai-page .ai-api-card .ai-api-pill-tokens{background:rgba(139,92,246,.1);color:#8b5cf6}.build-with-ai-page .ai-api-card .ai-api-pill-category{background:rgba(34,197,94,.1);color:#22c55e}.build-with-ai-page .ai-api-card .ai-api-actions{display:flex;gap:.375rem;margin-top:.375rem}.build-with-ai-page .ai-api-card .ai-api-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-xs);font-size:var(--text-2xs);font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.build-with-ai-page .ai-api-card .ai-api-btn i{font-size:.55rem}.build-with-ai-page .ai-api-card .ai-api-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border)}.build-with-ai-page .ai-api-card .ai-api-btn-docs{background:var(--color-surface);color:var(--color-text-secondary)}.build-with-ai-page .ai-api-card .ai-api-btn-docs:hover{background:var(--color-primary);color:white;border-color:var(--color-primary)}.build-with-ai-page .ai-api-card .ai-api-btn-playground{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.build-with-ai-page .ai-api-card .ai-api-btn-playground:hover{background:rgba(34,197,94,.15);color:#22c55e;border-color:rgba(34,197,94,.3)}.build-with-ai-page .ai-api-card .ai-api-btn-mock{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.build-with-ai-page .ai-api-card .ai-api-btn-mock:hover{background:rgba(251,191,36,.15);color:#f59e0b;border-color:rgba(251,191,36,.3)}.build-with-ai-page .ai-docs-card{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin:.375rem 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;transition:all .2s ease}.build-with-ai-page .ai-docs-card:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}.build-with-ai-page .ai-docs-card i.fa-book{color:var(--color-primary);font-size:var(--text-xs)}.build-with-ai-page .ai-docs-card:hover i.fa-book{color:white}.build-with-ai-page .ai-docs-card i.fa-external-link-alt{font-size:.6rem;opacity:.5}.build-with-ai-page .ai-docs-card:hover i.fa-external-link-alt{opacity:.8}.build-with-ai-page .ai-debug-card{margin:.5rem 0;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);overflow:hidden}.build-with-ai-page .ai-debug-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);color:#ef4444;font-weight:600;font-size:var(--text-sm);border-bottom:1px solid rgba(239,68,68,.2)}.build-with-ai-page .ai-debug-content{padding:1rem;font-size:var(--text-sm);line-height:1.6}.build-with-ai-page .ai-debug-content strong{color:var(--color-text)}.build-with-ai-page .ai-warning-card{margin:.5rem 0;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);overflow:hidden}.build-with-ai-page .ai-warning-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(245,158,11,.1);color:#f59e0b;font-weight:600;font-size:var(--text-sm);border-bottom:1px solid rgba(245,158,11,.2)}.build-with-ai-page .ai-warning-content{padding:1rem;font-size:var(--text-sm);line-height:1.6}