:root{--primary-bg:#f8f9fa;--secondary-bg:#ffffff;--border-color:#e0e0e0;--text-color:#333333;--accent-color:#0073aa;--accent-hover:#005177;--light-accent:#e6f0f5}#back-to-tools{display:flex;align-items:center;margin-bottom:10px;text-decoration:none;color:var(--text-color);font-weight:500;transition:color 0.2s;width:fit-content}#back-to-tools:hover{color:var(--accent-color)}#back-to-tools svg{margin-right:5px}#our-llm-container{border:1px solid var(--border-color);padding:15px;background-color:var(--primary-bg);border-radius:8px;width:100%!important;max-width:100%!important;box-shadow:0 2px 5px rgba(0,0,0,.05)}#llm-selector{display:flex;align-items:center;margin-bottom:12px;padding:15px;background-color:var(--secondary-bg);border-radius:10px;border:2px solid var(--border-color);box-shadow:0 2px 6px rgba(0,0,0,.05)}#llm-selector label{font-weight:700;font-size:16px;display:flex;margin-top:12px;margin-right:0;color:var(--text-color)}#llm-choice,#our-llm-model{border:2px solid var(--border-color);border-radius:6px;background-color:var(--secondary-bg);width:39%;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:10px;transition:border-color 0.2s,box-shadow 0.2s}#llm-choice:focus,#our-llm-model:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);outline:none}#llm-choice:hover,#our-llm-model:hover{border-color:#aaa}#label_model{margin-left:28px}#llm-sidebar-button{display:flex;gap:10px;margin-bottom:12px}#overlay-toggle,#new-chat-button{background-color:var(--secondary-bg);border:2px solid var(--border-color);border-radius:6px;padding:8px 15px;cursor:pointer;display:flex;align-items:center;transition:all 0.2s;box-shadow:0 2px 4px rgba(0,0,0,.05)}#overlay-toggle:hover,#new-chat-button:hover{background-color:var(--light-accent);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.1)}#new-chat-button span{vertical-align:middle;margin-left:5px}#loading-spinner,#message-loading-spinner{background-color:rgba(153,153,153,.79);border:none;color:#fff;padding:10px 20px;font-size:16px;border-radius:5px;margin-top:6px;margin-bottom:6px;text-align:center;font-weight:700}#loading-spinner{display:block;margin-left:11%;margin-right:11%}#message-loading-spinner{position:absolute;top:46%;left:26%;margin-left:11%;margin-right:11%}#llm-chat{display:flex;flex-direction:row;width:100%;gap:1px;overflow:hidden;position:relative}#chat-history-panel{width:0%;margin-left:0px!important;padding-left:0px!important;transition:width 0.5s ease-in-out;background-color:var(--primary-bg)!important;max-height:650px;min-height:650px;height:100%;overflow-y:auto;position:absolute;flex-direction:column;box-shadow:2px 0 5px rgba(0,0,0,.05)}#chat-history-panel.overlay{position:absolute;width:40%;background-color:var(--primary-bg)!important;z-index:2;border-right:1px solid var(--border-color)}#chat-history-panel::-webkit-scrollbar{width:8px}#chat-history-panel::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}#chat-history-panel::-webkit-scrollbar-track{background:var(--primary-bg)}.chat-session-item{display:flex;justify-content:space-between;padding:10px;margin-right:5px;font-size:medium!important;cursor:pointer;margin-bottom:1px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;border-radius:4px;transition:background-color 0.2s}.chat-session-item:first-child{margin-top:5px}.chat-session-item:hover{background-color:#ececec!important}.chat-session-item.active{background-color:#ececec!important;color:black!important;font-weight:500}.chat-session-item.focus{background-color:#ececec!important;color:black!important}.chat-session-item .delete-session-btn{display:none}.chat-session-item:hover .delete-session-btn,.chat-session-item.active .delete-session-btn,.chat-session-item.focus .delete-session-btn{display:block}.chat-session-item .chat-title{flex-grow:1;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}#chat-history-list{margin:0!important;padding:0!important;list-style-type:none}#chat-history-title{width:95%;font-size:18px;font-weight:700;margin-top:10px;margin-bottom:10px;text-align:center;place-self:center;border-bottom:1px solid var(--border-color);padding-bottom:10px;color:var(--text-color)}.delete-session-btn{background:none;border:none;cursor:pointer;font-size:25px;color:#777;position:relative;display:flex;align-items:center!important;margin-top:-13px;margin-right:3px}.delete-session-btn:hover{color:#333}.delete-menu{position:fixed;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:99999;white-space:nowrap}.delete-option{background:none;border:none;color:var(--text-color);cursor:pointer;width:100%;text-align:center;padding:8px 15px;display:block!important;pointer-events:all!important}.delete-option:hover{background-color:var(--light-accent)!important}.delete-option:focus,.delete-option:active{background-color:var(--light-accent);outline:none}#save-conversation:hover{background-color:rgb(248,189,101)!important}#our-llm-messages{max-height:420px;overflow-y:auto;padding:20px;background-color:var(--secondary-bg);margin-bottom:20px;min-height:420px;flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:flex-end!important;transition:margin 0.5s ease;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}#our-llm-messages::-webkit-scrollbar{display:none}#our-llm-messages{-ms-overflow-style:none;scrollbar-width:none}.message{display:flex;flex-direction:column;margin-bottom:15px;padding:12px;border:none;border-radius:8px;max-width:80%;line-height:1.5}.message.user{background-color:var(--light-accent);align-self:flex-end;text-align:right;margin-left:auto;color:var(--text-color)}.message.bot,.message.info,.message.error{background-color:#f5f5f5;padding:12px;margin-bottom:15px;max-width:80%;display:inline-block;text-align:left;align-self:flex-start;margin-right:auto;color:var(--text-color)}.message.error{background-color:#ffe6e6;color:#c00}.message.info{background-color:#e6f7ff;color:#06c}.copy-button{display:block;margin-top:10px;background-color:transparent;border:none;cursor:pointer;font-size:14px;text-align:left;width:100%;color:#6a737d;display:flex;align-items:center}.copy-button:hover{color:var(--accent-color)}.copy-button svg{width:16px;height:16px;fill:#6a737d;margin-right:5px}.copy-button:hover svg{fill:var(--accent-color)}.textarea-container{position:relative;align-items:flex-end;width:100%}#our-llm-input-area{display:flex;width:100%;align-items:flex-end;margin-bottom:20px;position:relative}#our-llm-prompt{padding:15px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-bg);margin-right:10px;resize:none;overflow-y:auto!important;height:50px;width:100%;padding-right:55px;box-sizing:border-box;max-height:120px;transition:height 0.2s ease,border-color 0.2s,box-shadow 0.2s;line-height:1.5;color:var(--text-color);font-size:15px;box-shadow:0 1px 3px rgba(0,0,0,.08)}#our-llm-prompt:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);outline:none}#our-llm-prompt:hover{border-color:#aaa}#our-llm-prompt::-webkit-scrollbar{display:none}#send-message{position:absolute;right:10px;bottom:15px;background-color:#bcbcbc;transform:translateY(-50%);top:30px;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;height:35px;width:35px;transition:all 0.2s ease;box-shadow:0 3px 5px rgba(0,0,0,.2);z-index:10}#send-message:hover{background-color:rgb(51,13,157);box-shadow:0 3px 8px rgba(0,0,0,.15);transition:all 0.2s ease}#send-message svg{fill:rgb(109,106,106);width:20px;height:15px;transition:all 0.3s ease}#send-message:hover svg{fill:#fff;transform:scale(1.1)}#extra_buttons{margin-top:10px;display:flex;justify-content:flex-end;gap:10px;align-items:center;width:100%}@media (max-width:768px){#chat-history-panel.overlay{width:60%}.chat-session-item{font-size:small!important}}@media (max-width:480px){#chat-history-panel.overlay{width:80%}#llm-selector{flex-direction:column;align-items:flex-start}#llm-choice,#our-llm-model{width:100%;margin-bottom:8px}#label_model{margin-left:0;margin-top:8px}}