pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#23241f}.hljs,.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}.ai-chat-interface{display:flex;height:100vh;background-color:#f4f7fc}.sidebar{width:20%;background-color:#f9f9f9;color:#050505;padding:20px;position:relative;transition:width .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.sidebar[style*="display: none"]{transform:translateX(-100%);opacity:0;visibility:hidden}.sidebar.collapsed{width:80px}.new-conversation{margin-top:30px;margin-bottom:20px}.new-conversation-collapsed{position:fixed;top:10px;left:50px;background-color:#fff;color:#050505;border:none;border-radius:20px;padding:5px 15px;font-size:14px;cursor:pointer;transition:background-color .3s}.new-conversation-collapsed img{width:20px;height:20px}.new-conversation button{width:95%;padding:10px;background-color:#e7ebf6;color:#050505;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.new-conversation button:hover{background-color:#e0e0e0}.history-conversations{flex-grow:1;overflow-y:auto;margin:-15px}.history-conversations ul{list-style:none;padding:0}.history-conversations li{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#f5f5f5;margin-bottom:1px;border-radius:5px;cursor:pointer;transition:background-color .3s;font-family:Arial,sans-serif;font-size:14px}.title-text{flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.group-title{flex:1;display:flex;align-items:center;overflow:hidden}.history-conversations li:hover{background-color:#e0e0e0}.delete-btn{width:20px;height:20px;cursor:pointer}.rename-btn{margin-right:10px;width:15px;height:15px;cursor:pointer}.group-title{flex-grow:1;text-align:left}.group-actions{display:flex;align-items:center}input{padding:5px;font-size:14px;width:150px;height:auto;margin-right:10px}.settings{margin-bottom:-10px;margin-top:20px}.settings button{width:95%;padding:10px;background-color:#f5f5f5;color:#050505;border:1px solid #ddd;border-radius:5px;cursor:pointer;transition:background-color .3s}.settings button:hover{background-color:#e0e0e0}.toggle-sidebar{position:absolute;top:10px;right:14px;width:30px;height:30px;background-color:#f9f9f9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.toggle-sidebar img{width:20px;height:20px}.toggle-sidebar.collapsed{position:fixed;top:10px;left:10px;right:auto;background-color:#fff;z-index:1000}.title{height:50px;justify-content:space-between;padding:10px}.left-img,.title{background-color:#fff;display:flex;align-items:center}.left-img{margin-left:auto;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;margin-right:20px}.left-section{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.main-content{flex-grow:1;display:flex;flex-direction:column;transition:margin-left .3s ease-in-out;width:80%}.chat-box,.content{flex-grow:1;padding:20px;overflow-y:auto;background-color:#fff}.chat-box{width:78%;margin-left:10%}.chat-message{display:flex;align-items:flex-start;margin-bottom:10px}.message-content img{max-width:100%;border-radius:10px}.chat-message.left{justify-content:flex-start}.chat-message.right{justify-content:flex-end}.message-content{max-width:100%;padding:8px;border-radius:8px;word-break:break-word;margin:0 0 5px 0;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;display:inline-block;font-family:Arial,sans-serif;font-size:16px;font-weight:400}.message-content pre{background-color:#252020;padding:10px;border-radius:5px;font-size:14px;overflow-x:auto;margin-bottom:-10px;white-space:pre-wrap;word-break:break-all;color:#fff}.message-content p{margin-bottom:-20px}.message-content[data-v-38bd2bdd] :last-child{margin-bottom:-16px}.chat-message.left.message-content{background-color:#fff;color:#050505;text-align:left;margin-left:20px}.chat-message.right .message-content{background-color:#f4f4f4;color:#050505;text-align:left;margin-right:5px}.avatar{width:40px;height:40px;border-radius:50%}.main{background-color:#fff}.input-area{padding:10px;width:70%;margin:0 auto;flex-direction:column}.input-area,.textarea-container{background-color:#fff;display:flex}.textarea-container{width:100%;position:relative;gap:10px}.message-textarea{width:100%;padding:10px;border:1px;border-radius:20px;resize:none;outline:none;background-color:#f4f4f4}.send-button,.upload-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s;right:14px;top:50%;transform:translateY(110%)}.send-button img,.upload-button img{width:24px;height:24px}.file-info{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px;max-width:120px;margin:0 0 0 50px}.file-preview-image{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.cancel-upload,.file-preview-image{box-shadow:0 2px 4px rgba(0,0,0,.1)}.cancel-upload{position:absolute;top:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e8e8e8;border-radius:50%;cursor:pointer;transition:all .2s ease}.cancel-upload:hover{background-color:#f5f5f5;transform:scale(1.1)}.cancel-upload .el-icon-close{font-size:12px;color:#999}.cancel-upload:hover .el-icon-close{color:#666}.placeholder{margin-top:20%;text-align:center}.placeholder-text{font-size:32px;font-weight:600;color:#0e0000}