.chat-container[data-v-5d9b3efd]{display:flex;height:100vh;background:#fff;position:relative}.sidebar[data-v-5d9b3efd]{width:260px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;transition:transform .3s ease;z-index:100;position:fixed;//left: 15px;top:0;bottom:0;transform:translate(-100%)}.sidebar.sidebar-open[data-v-5d9b3efd]{transform:translate(0);box-shadow:2px 0 10px #0000001a}.sidebar-header[data-v-5d9b3efd]{padding:16px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between}.sidebar-header h2[data-v-5d9b3efd]{font-size:16px;font-weight:600;color:#333}.close-sidebar-btn[data-v-5d9b3efd]{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#666;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}.close-sidebar-btn[data-v-5d9b3efd]:hover{background:#0000000d}.new-session-btn[data-v-5d9b3efd]{margin:12px;padding:10px 16px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.new-session-btn[data-v-5d9b3efd]:hover{background:#f7f7f7;border-color:#d0d0d0}.new-session-btn[data-v-5d9b3efd]:active{background:#efefef}.clear-storage-btn[data-v-5d9b3efd]{margin:0 12px 12px;padding:8px 16px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#999;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.clear-storage-btn[data-v-5d9b3efd]:hover{background:#fff5f5;border-color:#fcc;color:#f66}.clear-storage-btn[data-v-5d9b3efd]:active{background:#ffe5e5}.sessions-list[data-v-5d9b3efd]{flex:1;overflow-y:auto;padding:0 12px 12px}.session-item[data-v-5d9b3efd]{padding:12px;margin-bottom:4px;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:8px}.session-item[data-v-5d9b3efd]:hover{background:#efefef}.session-item.active[data-v-5d9b3efd]{background:#fff;box-shadow:0 1px 3px #0000001a}.session-info[data-v-5d9b3efd]{flex:1;min-width:0}.session-title[data-v-5d9b3efd]{font-size:13px;font-weight:500;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta[data-v-5d9b3efd]{display:flex;align-items:center;gap:8px;font-size:11px;color:#999}.session-count[data-v-5d9b3efd]{color:#666}.delete-session-btn[data-v-5d9b3efd]{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;flex-shrink:0}.session-item:hover .delete-session-btn[data-v-5d9b3efd]{opacity:1}.delete-session-btn[data-v-5d9b3efd]:hover{background:#ff3b301a;color:#ff3b30}.sidebar-overlay[data-v-5d9b3efd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}.main-content[data-v-5d9b3efd]{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header[data-v-5d9b3efd]{background:#fff;border-bottom:1px solid #e5e5e5;padding:0 20px}.header-content[data-v-5d9b3efd]{max-width:800px;margin:0 auto;height:60px;display:flex;align-items:center;gap:12px}.menu-button[data-v-5d9b3efd]{width:36px;height:36px;border:none;border-radius:8px;background:#0000000d;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.menu-button[data-v-5d9b3efd]:hover{background:#0000001a;color:#333;transform:scale(1.05)}.menu-button[data-v-5d9b3efd]:active{transform:scale(.95)}.header-actions[data-v-5d9b3efd]{margin-left:auto;display:flex;gap:8px}.icon-button[data-v-5d9b3efd]{width:36px;height:36px;border:none;border-radius:6px;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-button[data-v-5d9b3efd]:hover{background:#f7f7f7;color:#333}.icon-button[data-v-5d9b3efd]:active{background:#efefef}.logo[data-v-5d9b3efd]{width:32px;height:32px;background:#10a37f;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.chat-header h1[data-v-5d9b3efd]{font-size:16px;font-weight:600;color:#333}.messages-container[data-v-5d9b3efd]{flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;background:#fff}.messages-wrapper[data-v-5d9b3efd]{max-width:800px;margin:0 auto}.welcome-message[data-v-5d9b3efd]{text-align:center;padding:60px 20px;color:#666}.welcome-icon[data-v-5d9b3efd]{font-size:64px;margin-bottom:20px}.welcome-message h2[data-v-5d9b3efd]{font-size:24px;margin-bottom:12px;font-weight:600;color:#333}.welcome-message p[data-v-5d9b3efd]{font-size:14px;color:#999}.message[data-v-5d9b3efd]{display:flex;gap:12px;margin-bottom:24px;animation:fadeIn-5d9b3efd .3s ease-in}.message.user[data-v-5d9b3efd]{flex-direction:row-reverse}@keyframes fadeIn-5d9b3efd{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar[data-v-5d9b3efd]{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:#10a37f;color:#fff}.message.user .message-avatar[data-v-5d9b3efd]{background:#5436da}.ai-avatar-img[data-v-5d9b3efd]{width:100%;height:100%;object-fit:cover;border-radius:4px}.message-content[data-v-5d9b3efd]{flex:1;min-width:0;display:flex;flex-direction:column}.message.user .message-content[data-v-5d9b3efd]{align-items:flex-end}.message-image[data-v-5d9b3efd]{margin-bottom:8px;border-radius:12px;overflow:hidden;max-width:300px}.message.user .message-image[data-v-5d9b3efd]{align-self:flex-end}.message-image img[data-v-5d9b3efd]{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s}.message-image img[data-v-5d9b3efd]:hover{transform:scale(1.02)}.message-image-placeholder[data-v-5d9b3efd]{padding:20px;border-radius:12px;background:#f7f7f7;border:2px dashed #d0d0d0;text-align:center;color:#999;max-width:300px;margin-bottom:8px}.message.user .message-image-placeholder[data-v-5d9b3efd]{align-self:flex-end}.message-image-placeholder svg[data-v-5d9b3efd]{opacity:.5;margin-bottom:8px}.message-image-placeholder span[data-v-5d9b3efd]{display:block;font-size:12px}.placeholder-hint[data-v-5d9b3efd]{color:#ccc;font-size:11px!important;margin-top:4px}.message-text[data-v-5d9b3efd]{background:#f7f7f7;padding:10px 14px;border-radius:8px;color:#333;line-height:1.6;word-wrap:break-word;font-size:14px;max-width:80%}.message.user .message-text[data-v-5d9b3efd]{background:#5436da;color:#fff}.message-footer[data-v-5d9b3efd]{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:0 4px;gap:8px;max-width:80%}.message.user .message-footer[data-v-5d9b3efd]{align-self:flex-end}.message-time[data-v-5d9b3efd]{font-size:11px;color:#999}.message-actions[data-v-5d9b3efd]{display:flex;gap:4px;opacity:0;transition:opacity .2s}.message:hover .message-actions[data-v-5d9b3efd]{opacity:1}.action-btn[data-v-5d9b3efd]{padding:4px 6px;border:none;border-radius:4px;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn[data-v-5d9b3efd]:hover{background:#efefef;color:#333}.action-btn[data-v-5d9b3efd]:active{background:#e0e0e0}.delete-btn[data-v-5d9b3efd]:hover{background:#fee;color:#f44}.typing-indicator[data-v-5d9b3efd]{display:flex;gap:4px;padding:10px 14px;background:#f7f7f7;border-radius:8px;width:fit-content}.typing-indicator span[data-v-5d9b3efd]{width:6px;height:6px;border-radius:50%;background:#999;animation:typing-5d9b3efd 1.4s infinite}.typing-indicator span[data-v-5d9b3efd]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-5d9b3efd]:nth-child(3){animation-delay:.4s}@keyframes typing-5d9b3efd{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.input-container[data-v-5d9b3efd]{background:#fff;border-top:1px solid #e5e5e5;padding:16px 20px}.input-wrapper[data-v-5d9b3efd]{max-width:800px;margin:0 auto;display:flex;gap:8px;align-items:flex-end;position:relative}.emoji-button[data-v-5d9b3efd]{width:40px;height:44px;border:none;border-radius:12px;background:transparent;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;display:none}.emoji-button[data-v-5d9b3efd]:hover{background:#0000000d;transform:scale(1.1)}.emoji-button[data-v-5d9b3efd]:active{transform:scale(.95)}.image-button[data-v-5d9b3efd]{width:40px;height:44px;border:none;border-radius:12px;background:transparent;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.image-button[data-v-5d9b3efd]:hover{background:#667eea1a;transform:scale(1.1)}.image-button[data-v-5d9b3efd]:active{transform:scale(.95)}.clear-button[data-v-5d9b3efd]{width:36px;height:44px;border:none;border-radius:12px;background:transparent;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.clear-button[data-v-5d9b3efd]:hover{background:#0000000d;color:#666}textarea[data-v-5d9b3efd]{flex:1;border:1px solid #d0d0d0;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .2s;max-height:120px;line-height:1.5;background:#fff}textarea[data-v-5d9b3efd]:focus{border-color:#10a37f}textarea[data-v-5d9b3efd]:disabled{background:#f7f7f7;cursor:not-allowed}.send-button[data-v-5d9b3efd]{width:40px;height:40px;border:none;border-radius:8px;background:#10a37f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s;flex-shrink:0}.send-button[data-v-5d9b3efd]:hover:not(:disabled){background:#0d8c6f}.send-button[data-v-5d9b3efd]:active:not(:disabled){background:#0a7a5e}.send-button[data-v-5d9b3efd]:disabled{opacity:.4;cursor:not-allowed;background:#d0d0d0}.loading-spinner[data-v-5d9b3efd]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5d9b3efd .8s linear infinite}.emoji-picker[data-v-5d9b3efd]{max-width:800px;margin:12px auto 0;background:#fff;border-radius:12px;padding:12px;box-shadow:0 -2px 10px #0000001a}.emoji-grid[data-v-5d9b3efd]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.emoji-item[data-v-5d9b3efd]{font-size:24px;cursor:pointer;text-align:center;padding:8px;border-radius:8px;transition:all .2s}.emoji-item[data-v-5d9b3efd]:hover{background:#0000000d;transform:scale(1.2)}.image-preview-container[data-v-5d9b3efd]{max-width:800px;margin:0 auto 12px;padding:0 16px}.image-preview[data-v-5d9b3efd]{position:relative;display:inline-block;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px #0000001a}.image-preview img[data-v-5d9b3efd]{max-width:200px;max-height:200px;border-radius:8px;display:block}.remove-image-btn[data-v-5d9b3efd]{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-image-btn[data-v-5d9b3efd]:hover{background:#ff3b30cc;transform:scale(1.1)}.image-info[data-v-5d9b3efd]{margin-top:8px;display:flex;flex-direction:column;gap:4px}.image-name[data-v-5d9b3efd]{font-size:12px;color:#1a1a1a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.image-size[data-v-5d9b3efd]{font-size:11px;color:#999}.image-actions[data-v-5d9b3efd]{margin-top:8px;display:flex;gap:8px}.analyze-btn[data-v-5d9b3efd],.describe-btn[data-v-5d9b3efd]{flex:1;padding:6px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#333;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.analyze-btn[data-v-5d9b3efd]:hover:not(:disabled),.describe-btn[data-v-5d9b3efd]:hover:not(:disabled){background:#f7f7f7;border-color:#10a37f;color:#10a37f}.analyze-btn[data-v-5d9b3efd]:disabled{opacity:.5;cursor:not-allowed}.analyzing-spinner[data-v-5d9b3efd]{width:12px;height:12px;border:2px solid rgba(0,0,0,.1);border-top-color:#10a37f;border-radius:50%;animation:spin-5d9b3efd .8s linear infinite}@keyframes spin-5d9b3efd{to{transform:rotate(360deg)}}.input-hint[data-v-5d9b3efd]{max-width:800px;margin:8px auto 0;display:flex;justify-content:space-between;align-items:center}.hint-text[data-v-5d9b3efd],.message-count[data-v-5d9b3efd]{font-size:12px;color:#0006}.toast[data-v-5d9b3efd]{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:1000;animation:slideDown-5d9b3efd .3s ease-out;box-shadow:0 4px 12px #0000004d}.toast.error[data-v-5d9b3efd]{background:#ff3b30e6}.toast.success[data-v-5d9b3efd]{background:#34c759e6}@keyframes slideDown-5d9b3efd{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.chat-header[data-v-5d9b3efd]{padding:0 16px}.header-content[data-v-5d9b3efd]{height:56px}.chat-header h1[data-v-5d9b3efd]{font-size:16px}.logo[data-v-5d9b3efd]{width:28px;height:28px}.icon-button[data-v-5d9b3efd]{width:32px;height:32px}.messages-container[data-v-5d9b3efd]{padding:16px}.welcome-message[data-v-5d9b3efd]{padding:40px 16px}.welcome-icon[data-v-5d9b3efd]{font-size:48px}.welcome-message h2[data-v-5d9b3efd]{font-size:22px}.welcome-message p[data-v-5d9b3efd]{font-size:14px}.message[data-v-5d9b3efd]{gap:10px;margin-bottom:20px}.message-avatar[data-v-5d9b3efd]{width:32px;height:32px;font-size:18px}.message-text[data-v-5d9b3efd]{padding:10px 14px;font-size:14px}.input-container[data-v-5d9b3efd]{padding:12px 16px}textarea[data-v-5d9b3efd]{font-size:14px;padding:10px 14px}.send-button[data-v-5d9b3efd]{width:40px;height:40px}.emoji-button[data-v-5d9b3efd]{width:36px;height:40px;font-size:18px}.image-button[data-v-5d9b3efd]{width:36px;height:40px}.clear-button[data-v-5d9b3efd]{width:32px;height:40px}.message-image[data-v-5d9b3efd]{max-width:100%}.image-preview img[data-v-5d9b3efd]{max-width:150px;max-height:150px}.emoji-grid[data-v-5d9b3efd]{grid-template-columns:repeat(6,1fr)}.emoji-item[data-v-5d9b3efd]{font-size:20px;padding:6px}.input-hint[data-v-5d9b3efd]{flex-direction:column;gap:4px;align-items:center}.toast[data-v-5d9b3efd]{top:70px;max-width:80%;font-size:13px}}.messages-container[data-v-5d9b3efd]::-webkit-scrollbar,.sessions-list[data-v-5d9b3efd]::-webkit-scrollbar{width:6px}.messages-container[data-v-5d9b3efd]::-webkit-scrollbar-track,.sessions-list[data-v-5d9b3efd]::-webkit-scrollbar-track{background:transparent}.messages-container[data-v-5d9b3efd]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sessions-list[data-v-5d9b3efd]::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.messages-container[data-v-5d9b3efd]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sessions-list[data-v-5d9b3efd]::-webkit-scrollbar-thumb:hover{background:#0003}
