body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#e9ecef;color:#212529;line-height:1.6}.container{max-width:90%;margin:0 auto;padding:20px}header{background-color:#343a40;color:#f8f9fa;padding:1em 0;text-align:center;border-radius:8px 8px 0 0;box-shadow:0 4px 8px #0000001a}header h1{margin:0;font-size:2.5em;font-weight:700}main{background-color:#fff;padding:30px;border-radius:0 0 8px 8px;box-shadow:0 0 20px #0000001a}h2{color:#495057;border-bottom:3px solid #17a2b8;padding-bottom:.5em;margin-top:1.5em;font-weight:600}.config-section,.tools-section,.chat-section,.logs-section{margin-bottom:30px;padding:20px;border:1px solid #dee2e6;border-radius:6px;background-color:#f8f9fa}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:15px}fieldset{border:1px solid #ced4da;border-radius:4px;padding:15px}legend{font-weight:700;color:#007bff}label{display:block;margin-bottom:5px;font-weight:500}input[type=text],input[type=password],select,textarea{width:calc(100% - 22px);padding:10px;margin-bottom:10px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box}input[type=checkbox]{margin-right:5px;vertical-align:middle}textarea{resize:vertical}button{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#6c757d;cursor:not-allowed}#toolsList ul{list-style-type:none;padding:0}#toolsList li{background-color:#e9ecef;margin-bottom:8px;padding:10px;border-radius:4px;border-left:3px solid #17a2b8}#toolsList li strong{color:#343a40}#toolsList pre{background-color:#f1f3f5;padding:8px;border-radius:3px;overflow-x:auto;font-size:.9em}#chatOutput{height:500px;border:1px solid #ced4da;padding:10px;overflow-y:auto;margin-bottom:10px;background-color:#f1f3f5;border-radius:4px}.chat-message{margin-bottom:10px;padding:8px;border-radius:4px}.user-message{background-color:#d1ecf1;text-align:right;margin-left:20%}.user-message .sender{font-weight:700;color:#0c5460}.assistant-message{background-color:#d4edda;margin-right:20%}.assistant-message .sender{font-weight:700;color:#155724}.thinking-message{background-color:#fff3cd;margin-right:20%;font-style:italic;color:#856404}.thinking-message .sender{font-weight:700}.tool-call-message,.tool-result-message{background-color:#f5eef8;margin-right:10%;margin-left:10%;font-family:monospace;font-size:.9em;color:#8e44ad}.tool-call-message .sender,.tool-result-message .sender{font-weight:700}.chat-input-area{display:flex}.chat-input-area input[type=text]{flex-grow:1;margin-right:10px;margin-bottom:0}#logsOutput{background-color:#343a40;color:#f8f9fa;padding:10px;height:800px;overflow-y:auto;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;white-space:pre-wrap;word-wrap:break-word}footer{text-align:center;margin-top:30px;padding:15px;background-color:#495057;color:#f8f9fa;border-radius:0 0 8px 8px}.styled-button{background-color:#28a745;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1.1em;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.styled-button:hover{background-color:#218838;transform:translateY(-2px)}.styled-button:active{background-color:#1e7e34;transform:translateY(0)}.styled-button:disabled{background-color:#6c757d;cursor:not-allowed}.chat-bubble{padding:10px;margin:5px;border-radius:10px;max-width:80%;word-wrap:break-word}.user-bubble{background-color:#d1e7dd;align-self:flex-end}.ai-bubble{background-color:#f8d7da;align-self:flex-start}.thinking-bubble{background-color:#fff3cd;align-self:flex-start}.tool-call-bubble{background-color:#cfe2ff;align-self:flex-start}.tool-result-bubble{background-color:#e2e3e5;align-self:flex-start}#chatOutput{display:flex;flex-direction:column}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;padding-top:60px}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border-radius:10px;border:1px solid #888;width:fit-content;height:fit-content;min-width:400px;min-height:50px;max-width:60%;box-shadow:0 4px 8px #0003;animation:fadeIn .5s}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hidden{display:none}