@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.chat-container.light[data-v-4d2cd082]{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ed;--bg-input: #f0f0f5;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #aeaeb2;--border-color: rgba(0, 0, 0, .08);--border-focus: #818cf8;--accent: #818cf8;--accent-hover: #6366f1;--accent-bg: rgba(129, 140, 248, .08);--accent-border: rgba(129, 140, 248, .2);--accent-text: #6366f1;--user-bubble-bg: #f0f0f5;--user-bubble-border: rgba(0, 0, 0, .06);--error-bg: rgba(239, 68, 68, .06);--error-border: rgba(239, 68, 68, .12);--error-text: #dc2626;--error-icon: #ef4444;--scrollbar-thumb: #c7c7cc;--scrollbar-hover: #aeaeb2;--overlay-bg: rgba(0, 0, 0, .6)}.chat-container.dark[data-v-4d2cd082]{--bg-primary: #0a0a0f;--bg-secondary: #18181b;--bg-tertiary: #27272a;--bg-input: #18181b;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-tertiary: #52525b;--border-color: rgba(255, 255, 255, .06);--border-focus: #818cf8;--accent: #818cf8;--accent-hover: #6366f1;--accent-bg: rgba(129, 140, 248, .06);--accent-border: rgba(129, 140, 248, .12);--accent-text: #c7d2fe;--user-bubble-bg: #1e1e2e;--user-bubble-border: rgba(255, 255, 255, .08);--error-bg: rgba(239, 68, 68, .08);--error-border: rgba(239, 68, 68, .15);--error-text: #fca5a5;--error-icon: #ef4444;--scrollbar-thumb: #333;--scrollbar-hover: #555;--overlay-bg: rgba(0, 0, 0, .9)}.chat-container[data-v-4d2cd082]{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;position:relative;background:var(--bg-primary);color:var(--text-primary)}.header[data-v-4d2cd082]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.header-left[data-v-4d2cd082]{display:flex;align-items:center;gap:12px}.logo[data-v-4d2cd082]{color:var(--accent)}.title[data-v-4d2cd082]{font-size:16px;font-weight:600;letter-spacing:-.01em}.header-actions[data-v-4d2cd082]{display:flex;align-items:center;gap:8px}.icon-btn[data-v-4d2cd082]{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn[data-v-4d2cd082]:hover,.icon-btn.active[data-v-4d2cd082]{color:var(--text-primary);border-color:var(--accent);background:var(--accent-bg)}.settings-panel[data-v-4d2cd082]{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;gap:24px;background:var(--bg-secondary)}.setting-group label[data-v-4d2cd082]{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.option-grid[data-v-4d2cd082]{display:flex;gap:6px;flex-wrap:wrap}.option-btn[data-v-4d2cd082]{padding:6px 14px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.option-btn[data-v-4d2cd082]:hover{border-color:var(--accent);color:var(--text-primary)}.option-btn.selected[data-v-4d2cd082]{background:var(--accent);border-color:var(--accent);color:#fff}.slide-enter-active[data-v-4d2cd082],.slide-leave-active[data-v-4d2cd082]{transition:all .2s ease}.slide-enter-from[data-v-4d2cd082],.slide-leave-to[data-v-4d2cd082]{opacity:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.slide-enter-to[data-v-4d2cd082],.slide-leave-from[data-v-4d2cd082]{max-height:100px}.messages[data-v-4d2cd082]{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:20px}.messages[data-v-4d2cd082]::-webkit-scrollbar{width:6px}.messages[data-v-4d2cd082]::-webkit-scrollbar-track{background:transparent}.messages[data-v-4d2cd082]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.messages[data-v-4d2cd082]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.welcome[data-v-4d2cd082]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:12px;padding-bottom:40px}.welcome-icon[data-v-4d2cd082]{color:var(--text-tertiary);margin-bottom:8px}.welcome h2[data-v-4d2cd082]{font-size:22px;font-weight:600;letter-spacing:-.02em}.welcome p[data-v-4d2cd082]{color:var(--text-secondary);font-size:14px}.examples[data-v-4d2cd082]{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center;max-width:560px}.example-btn[data-v-4d2cd082]{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.example-btn[data-v-4d2cd082]:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-bg)}.message[data-v-4d2cd082]{display:flex}.message.user[data-v-4d2cd082]{justify-content:flex-end}.message.ai[data-v-4d2cd082]{justify-content:flex-start}.message-content[data-v-4d2cd082]{max-width:85%}.message.user .message-content[data-v-4d2cd082]{background:var(--user-bubble-bg);border:1px solid var(--user-bubble-border);padding:12px 16px;border-radius:16px 16px 4px}.message.user .message-content p[data-v-4d2cd082]{font-size:14px;line-height:1.6}.message-meta[data-v-4d2cd082]{display:block;font-size:11px;color:var(--text-tertiary);margin-top:6px}.loading-card[data-v-4d2cd082]{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:16px}.loading-spinner svg[data-v-4d2cd082]{animation:spin-4d2cd082 1s linear infinite;color:var(--accent)}@keyframes spin-4d2cd082{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-4d2cd082]{display:flex;flex-direction:column;gap:2px}.loading-text span[data-v-4d2cd082]:first-child{font-size:14px;color:var(--accent-text)}.loading-sub[data-v-4d2cd082]{font-size:12px;color:var(--accent)}.error-card[data-v-4d2cd082]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:12px;color:var(--error-text);font-size:14px}.error-card svg[data-v-4d2cd082]{flex-shrink:0;color:var(--error-icon)}.image-card[data-v-4d2cd082]{border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);transition:border-color .2s}.image-card[data-v-4d2cd082]:hover{border-color:var(--accent)}.image-card img[data-v-4d2cd082]{display:block;width:100%;height:auto}.image-actions[data-v-4d2cd082]{margin-top:8px;display:flex;gap:8px}.action-btn[data-v-4d2cd082]{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.action-btn[data-v-4d2cd082]:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-bg)}.preview-overlay[data-v-4d2cd082]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;padding:40px;cursor:pointer}.preview-overlay img[data-v-4d2cd082]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;cursor:default}.preview-close[data-v-4d2cd082]{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:background .15s}.preview-close[data-v-4d2cd082]:hover{background:#fff3}.fade-enter-active[data-v-4d2cd082],.fade-leave-active[data-v-4d2cd082]{transition:opacity .2s}.fade-enter-from[data-v-4d2cd082],.fade-leave-to[data-v-4d2cd082]{opacity:0}.input-area[data-v-4d2cd082]{padding:16px 20px 20px;border-top:1px solid var(--border-color)}.input-wrapper[data-v-4d2cd082]{display:flex;align-items:flex-end;gap:8px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;padding:4px 4px 4px 16px;transition:border-color .2s}.input-wrapper[data-v-4d2cd082]:focus-within{border-color:var(--border-focus)}.input-wrapper textarea[data-v-4d2cd082]{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.5;padding:8px 0;resize:none;max-height:120px}.input-wrapper textarea[data-v-4d2cd082]::placeholder{color:var(--text-tertiary)}.input-wrapper textarea[data-v-4d2cd082]:disabled{opacity:.5}.send-btn[data-v-4d2cd082]{flex-shrink:0;width:36px;height:36px;border-radius:10px;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.send-btn[data-v-4d2cd082]:hover:not(:disabled){background:var(--accent-hover)}.send-btn[data-v-4d2cd082]:disabled{opacity:.3;cursor:not-allowed}.input-hint[data-v-4d2cd082]{text-align:center;font-size:11px;color:var(--text-tertiary);margin-top:8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;height:100vh}#app{height:100vh}.app{height:100%}