.chat-generator[data-v-ca719e5d]{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);color:#fff}.chat-header[data-v-ca719e5d]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.header-left[data-v-ca719e5d]{display:flex;align-items:center;gap:16px}.back-btn[data-v-ca719e5d]{width:40px;height:40px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn[data-v-ca719e5d]:hover{background:#ffffff1a}.brand[data-v-ca719e5d]{display:flex;align-items:center;gap:12px}.brand-icon[data-v-ca719e5d]{font-size:32px}.brand-text h1[data-v-ca719e5d]{font-size:18px;font-weight:700;margin:0}.brand-text p[data-v-ca719e5d]{font-size:13px;color:#ffffff80;margin:0}.chat-main[data-v-ca719e5d]{flex:1;overflow-y:auto;padding:24px}.welcome-section[data-v-ca719e5d]{max-width:900px;margin:0 auto}.welcome-hero[data-v-ca719e5d]{text-align:center;padding:60px 20px}.hero-illustration[data-v-ca719e5d]{position:relative;width:120px;height:120px;margin:0 auto 30px}.floating-icon[data-v-ca719e5d]{position:absolute;font-size:40px;animation:float-ca719e5d 3s ease-in-out infinite}.floating-icon[data-v-ca719e5d]:nth-child(1){top:0;left:50%;transform:translate(-50%)}.floating-icon[data-v-ca719e5d]:nth-child(2){top:50%;left:0;animation-delay:1s}.floating-icon[data-v-ca719e5d]:nth-child(3){top:50%;right:0;animation-delay:2s}@keyframes float-ca719e5d{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.welcome-hero h2[data-v-ca719e5d]{font-size:32px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-hero p[data-v-ca719e5d]{font-size:16px;color:#fff9}.examples-section[data-v-ca719e5d]{margin-top:40px}.examples-section h3[data-v-ca719e5d]{font-size:14px;color:#ffffff80;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.examples-grid[data-v-ca719e5d]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.example-card[data-v-ca719e5d]{display:flex;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s}.example-card[data-v-ca719e5d]:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-2px)}.example-icon[data-v-ca719e5d]{font-size:32px;flex-shrink:0}.example-content[data-v-ca719e5d]{flex:1}.example-text[data-v-ca719e5d]{font-size:14px;color:#fff;line-height:1.5;margin-bottom:8px}.example-tags[data-v-ca719e5d]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-ca719e5d]{padding:4px 10px;background:#667eea33;border-radius:20px;font-size:11px;color:#a5b4fc}.messages-container[data-v-ca719e5d]{max-width:900px;margin:0 auto}.message[data-v-ca719e5d]{display:flex;gap:16px;margin-bottom:24px}.message.user[data-v-ca719e5d]{flex-direction:row-reverse}.message-avatar[data-v-ca719e5d]{width:40px;height:40px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.message.ai .message-avatar[data-v-ca719e5d]{background:linear-gradient(135deg,#667eea,#764ba2)}.message-content[data-v-ca719e5d]{flex:1;max-width:80%}.message.user .message-content[data-v-ca719e5d]{text-align:right}.message-text[data-v-ca719e5d]{display:inline-block;padding:14px 20px;background:#ffffff14;border-radius:4px 16px 16px;line-height:1.6}.message.user .message-text[data-v-ca719e5d]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 4px 16px 16px}.message-thinking[data-v-ca719e5d]{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffff0d;border-radius:16px;color:#ffffffb3}.thinking-animation[data-v-ca719e5d]{display:flex;gap:4px}.thinking-animation span[data-v-ca719e5d]{width:8px;height:8px;background:#667eea;border-radius:50%;animation:bounce-ca719e5d 1.4s ease-in-out infinite}.thinking-animation span[data-v-ca719e5d]:nth-child(1){animation-delay:0s}.thinking-animation span[data-v-ca719e5d]:nth-child(2){animation-delay:.2s}.thinking-animation span[data-v-ca719e5d]:nth-child(3){animation-delay:.4s}@keyframes bounce-ca719e5d{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.message-preview[data-v-ca719e5d]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px}.preview-header[data-v-ca719e5d]{margin-bottom:20px}.preview-title[data-v-ca719e5d]{font-size:18px;font-weight:700;display:block;margin-bottom:8px}.preview-meta[data-v-ca719e5d]{display:flex;gap:12px}.meta-item[data-v-ca719e5d]{padding:4px 12px;background:#ffffff1a;border-radius:20px;font-size:12px}.style-tag[data-v-ca719e5d]{background:linear-gradient(135deg,#667eea,#764ba2)}.preview-pages[data-v-ca719e5d]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.preview-page[data-v-ca719e5d]{background:#ffffff0d;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.preview-page[data-v-ca719e5d]:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.page-preview[data-v-ca719e5d]{height:100px;background:#1a1a2e;overflow:hidden}.page-info[data-v-ca719e5d]{padding:10px}.page-name[data-v-ca719e5d]{display:block;font-size:12px;font-weight:600;margin-bottom:2px}.page-components[data-v-ca719e5d]{font-size:11px;color:#ffffff80}.preview-actions[data-v-ca719e5d]{display:flex;gap:12px}.action-btn[data-v-ca719e5d]{flex:1;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.action-btn[data-v-ca719e5d]:hover{background:#ffffff26}.action-btn.primary[data-v-ca719e5d]{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.action-btn.primary[data-v-ca719e5d]:hover{opacity:.9;transform:translateY(-1px)}.chat-input-area[data-v-ca719e5d]{padding:20px 24px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.input-container[data-v-ca719e5d]{max-width:900px;margin:0 auto}.input-wrapper[data-v-ca719e5d]{display:flex;align-items:flex-end;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:8px 16px;transition:all .2s}.input-wrapper[data-v-ca719e5d]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.input-wrapper textarea[data-v-ca719e5d]{flex:1;background:none;border:none;color:#fff;font-size:15px;line-height:1.5;resize:none;max-height:150px;outline:none}.input-wrapper textarea[data-v-ca719e5d]::-moz-placeholder{color:#fff6}.input-wrapper textarea[data-v-ca719e5d]::placeholder{color:#fff6}.input-actions[data-v-ca719e5d]{display:flex;gap:8px;align-items:center}.icon-btn[data-v-ca719e5d]{width:36px;height:36px;border-radius:10px;background:#ffffff1a;border:none;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn[data-v-ca719e5d]:hover{background:#ffffff26;color:#fff}.send-btn[data-v-ca719e5d]{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn[data-v-ca719e5d]:hover:not(:disabled){transform:scale(1.05)}.send-btn[data-v-ca719e5d]:disabled{opacity:.5;cursor:not-allowed}.style-picker[data-v-ca719e5d]{margin-top:12px;background:#ffffff0d;border-radius:16px;padding:16px}.style-grid[data-v-ca719e5d]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.style-item[data-v-ca719e5d]{padding:12px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s}.style-item[data-v-ca719e5d]:hover{background:#ffffff1a}.style-item.active[data-v-ca719e5d]{border-color:#667eea;background:#667eea33}.style-emoji[data-v-ca719e5d]{font-size:24px;margin-bottom:6px}.style-name[data-v-ca719e5d]{font-size:12px;color:#fffc}.input-hint[data-v-ca719e5d]{text-align:center;font-size:12px;color:#ffffff4d;margin-top:8px}.preview-dialog[data-v-ca719e5d] .el-dialog{background:#1a1a2e;border-radius:20px}.preview-dialog[data-v-ca719e5d] .el-dialog__header{border-bottom:1px solid rgba(255,255,255,.1);padding:20px 24px}.preview-dialog[data-v-ca719e5d] .el-dialog__body{padding:0}.preview-toolbar[data-v-ca719e5d]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.page-tabs[data-v-ca719e5d]{display:flex;gap:8px}.tab[data-v-ca719e5d]{padding:8px 16px;background:#ffffff0d;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.tab[data-v-ca719e5d]:hover{background:#ffffff1a}.tab.active[data-v-ca719e5d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toolbar-actions[data-v-ca719e5d]{display:flex;gap:12px}.toolbar-btn[data-v-ca719e5d]{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.toolbar-btn[data-v-ca719e5d]:hover{background:#ffffff26}.toolbar-btn.primary[data-v-ca719e5d]{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.preview-frame-container[data-v-ca719e5d]{height:70vh}.preview-frame[data-v-ca719e5d]{width:100%;height:100%;border:none}.slide-enter-active[data-v-ca719e5d],.slide-leave-active[data-v-ca719e5d]{transition:all .3s ease}.slide-enter-from[data-v-ca719e5d],.slide-leave-to[data-v-ca719e5d]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.examples-grid[data-v-ca719e5d]{grid-template-columns:1fr}.preview-pages[data-v-ca719e5d],.style-grid[data-v-ca719e5d]{grid-template-columns:repeat(2,1fr)}.message-content[data-v-ca719e5d]{max-width:90%}}.device-selector[data-v-ca719e5d]{display:flex;gap:4px;background:#ffffff0f;border-radius:8px;padding:3px}.device-btn[data-v-ca719e5d]{background:transparent;border:none;color:#8b95a8;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;transition:all .2s}.device-btn[data-v-ca719e5d]:hover{color:#c5cee0;background:#ffffff14}.device-btn.active[data-v-ca719e5d]{background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f166}.preview-frame-container[data-v-ca719e5d]{display:flex;justify-content:center;flex:1;min-height:0;background:#1a1a2e;padding:16px;transition:all .3s}.preview-frame-container.device-desktop .preview-frame[data-v-ca719e5d]{max-width:100%}.preview-frame-container.device-tablet .preview-frame[data-v-ca719e5d]{max-width:768px;border:2px solid #334155;border-radius:12px;box-shadow:0 0 40px #00000080}.preview-frame-container.device-mobile .preview-frame[data-v-ca719e5d]{max-width:375px;border:2px solid #334155;border-radius:24px;box-shadow:0 0 40px #00000080}.deploy-btn[data-v-ca719e5d]{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc!important}.deploy-btn[data-v-ca719e5d]:hover{background:#6366f140}.quality-badge[data-v-ca719e5d]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:8px}.quality-pass[data-v-ca719e5d]{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.quality-warn[data-v-ca719e5d]{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.quality-fail[data-v-ca719e5d]{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.sse-progress[data-v-ca719e5d]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f11a;border-radius:8px;font-size:.85rem;color:#a5b4fc;margin:8px 0}.sse-progress .spinner[data-v-ca719e5d]{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin-ca719e5d .8s linear infinite}@keyframes spin-ca719e5d{to{transform:rotate(360deg)}}.export-dropdown[data-v-ca719e5d]{position:relative;display:inline-block}.export-menu[data-v-ca719e5d]{position:absolute;bottom:100%;left:0;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:160px;z-index:100;box-shadow:0 -4px 12px #0000004d;margin-bottom:4px}.export-item[data-v-ca719e5d]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;border-radius:6px;text-align:left;transition:all .2s}.export-item[data-v-ca719e5d]:hover{background:#6366f126;color:#fff}.export-item.active[data-v-ca719e5d]{background:#6366f140;color:#a5b4fc}.refine-conversation[data-v-ca719e5d]{max-height:150px;overflow-y:auto;padding:8px;background:#0003;border-radius:8px;margin-bottom:8px}.refine-msg[data-v-ca719e5d]{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px;padding:6px 10px;border-radius:6px;font-size:.8rem}.refine-msg.user[data-v-ca719e5d]{background:#6366f133}.refine-msg.ai[data-v-ca719e5d]{background:#10b98133}.refine-msg-icon[data-v-ca719e5d]{font-size:.9rem}.refine-msg-text[data-v-ca719e5d]{color:#e2e8f0;line-height:1.4}