.chat-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-width:100%;padding-bottom:80px;padding-left:4px;padding-top:4px}.messages-area{flex:1;overflow-y:auto;padding-right:10px;scrollbar-color:rgba(0,0,0,.2) var(--main-bg);scrollbar-width:thin}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:var(--main-bg);border-radius:10px}.messages-area::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}.messages-area::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.messages{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.message{animation:fadeIn .3s ease-in;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.ai{align-self:flex-start;width:80%}.message.user{align-self:flex-end;flex-direction:row-reverse;max-width:1000px;width:80%}.message-bubble{border-radius:18px;padding:12px 16px;word-wrap:break-word;hyphens:auto;line-height:1.4;max-width:100%;position:relative}.message.ai .message-bubble{background-color:var(--bg-secondary);border-bottom-left-radius:4px;color:var(--text-primary)}body.dark .message.ai .message-bubble{background-color:#333}.message.user .message-bubble{background-color:var(--accent-color);border-bottom-right-radius:4px;color:#fff}.message-time{font-size:.75rem;margin-top:4px;opacity:.7;text-align:right}.message.user .message-time{text-align:left}.input-container{background:var(--main-bg);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -8px 16px rgba(0,0,0,.1);box-sizing:border-box;display:flex;gap:10px;left:50%;margin:0 auto;max-width:1200px;padding:5px;position:fixed;transform:translateX(-50%);width:100%}.message-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:25px;color:var(--text-primary);flex:1;font-size:1rem;max-height:320px;outline:none;overflow-y:auto;padding:12px 16px;resize:none}.message-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(0,123,255,.25)}.send-button{align-items:center;background:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background .2s ease;width:44px}.send-button:hover{background:#0056b3}.send-button svg{fill:currentColor;height:20px;width:20px}.example-messages{height:200vh;padding-bottom:100px}.side-chats-list{margin-left:-15px;max-height:calc(100vh - 300px);overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(0,0,0,.3) var(--bg-secondary);scrollbar-width:thin}.side-chats-list::-webkit-scrollbar{width:8px}.side-chats-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.side-chats-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border:none;border-radius:10px}.side-chats-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}body.dark .side-chats-list{scrollbar-color:hsla(0,0%,100%,.3) var(--main-bg)}body.dark .side-chats-list::-webkit-scrollbar-track{background:var(--main-bg)}body.dark .side-chats-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}body.dark .side-chats-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.chat-item{align-items:flex-start;border-bottom:1px solid var(--border-color,#ccc);cursor:pointer;display:flex;padding:12px;position:relative;transition:background-color .2s}.chat-item.active{background-color:var(--main-bg)}.chat-item.public-chat{border-left:3px solid var(--public-color,#007bff)}.chat-settings{background:none;border:none;border-radius:4px;color:var(--text-color,#666);cursor:pointer;flex-shrink:0;font-size:16px;margin-right:8px;padding:4px;transition:color .2s,background-color .2s}.chat-settings:hover{background-color:var(--hover-bg,rgba(0,123,255,.1));color:var(--primary-color,#007bff)}.chat-preview-section{display:flex;flex:1;flex-direction:column;min-width:0}.chat-title{color:var(--text-color);font-size:1.1rem;font-weight:600}.chat-message-preview,.chat-title{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message-preview{color:var(--secondary-color,#888);font-size:1rem}.chat-meta-section{flex-shrink:0;min-width:80px;text-align:right}.chat-meta-section,.chat-time-row{align-items:flex-end;display:flex;flex-direction:column}.chat-time-row{margin-bottom:4px}.chat-time{color:var(--secondary-color,#888);font-size:11px;white-space:nowrap}.chat-unread-count{background-color:var(--badge-bg,rgba(0,123,255,.1));border-radius:10px;color:var(--accent-color,#007bff);font-size:10px;font-weight:700;margin-top:2px;min-width:20px;padding:2px 6px;text-align:center}.chat-unread-count:empty{display:none}.chat-model{color:var(--border-color,#aaa);font-size:11px;opacity:.7;white-space:nowrap}@media(max-width:600px){.chat-item{align-items:stretch;flex-direction:column}.chat-settings{align-self:flex-end;margin-bottom:8px;margin-right:0}.chat-meta-section{align-items:stretch;text-align:left}.chat-time-row{align-items:center;flex-direction:row;justify-content:space-between}}.chat-not-load{align-content:center;color:var(--text-color);height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}#chat-message-text{position:relative}label[for=chat-message-text]{background-color:var(--bg-secondary);color:#dadada;float:right;font-size:.8rem;margin:0;opacity:.5;position:absolute;right:5.1rem;top:.5rem;transition:all .2s ease;z-index:200}.select-files{border-radius:90px;bottom:7px;position:absolute;right:65px}.preview-selected-files{bottom:80px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:auto;max-width:1100px;position:absolute;visibility:hidden;width:100%;z-index:1000}.selected-file-item{align-items:center;border-radius:5px;display:flex;gap:10px;padding:10px}.selected-file-item .file-preview-mini{border-radius:3px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.selected-file-item .file-icon{display:inline-block;flex-shrink:0;font-size:40px;margin-right:5px}.selected-file-item .short-name{flex:1;font-size:.9em;margin-right:10px;word-break:break-word}.selected-file-item .remove-selected{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;width:20px}.selected-file-item .remove-selected:hover{background:#c82333}@media(max-width:768px){#preview-selected-files{gap:5px;grid-template-columns:1fr}.selected-file-item{align-items:flex-start;flex-direction:column;gap:5px}.selected-file-item .short-name{margin-right:0;margin-top:5px}}.preview-selected-files-float{left:0;position:absolute;top:-80px}.preview-attach-files-float,.preview-selected-files-float{box-sizing:border-box;display:flex;gap:10px;padding:5px;width:100%;z-index:10}