*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f5f5f5;min-height:200vh}.chat-toggle-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#007bff;color:#fff;border:0;font-size:16px;font-weight:bold;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;transition:all .3s ease}.chat-toggle-btn:hover{background-color:#0056b3;transform:scale(1.05)}.chat-popup.show{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-popup{bottom:50px;right:100px;height:800px;width:90%;max-width:1200px;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:20px;z-index:999;display:none;transition:all .3s ease;position:fixed;flex-direction:row}.sidebar{width:260px;background:#202123;color:#fff;padding:16px;display:flex;flex-direction:column;height:100%}.new-chat-btn{background:#10a37f;border:0;color:#fff;padding:10px;border-radius:8px;cursor:pointer;margin-bottom:16px}.session-list{flex:1;overflow-y:auto}.session-item{padding:10px 8px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:4px;display:flex;flex-direction:column;gap:4px}.session-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-agent-id{font-size:11px;color:#a9a9a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item.active{background:#343541}.session-item.active .session-agent-id{color:#c9c9c9}.session-item:hover:not(.active){background:#2a2b32}.main-chat{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.messages{flex:1;min-width:0;padding:20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:14px}.floating-panel{display:none;border-top:2px solid #007aff;background:#fff;max-height:280px;overflow:hidden;flex-shrink:0}.floating-panel.active{display:flex;flex-direction:column}.floating-panel-tabs{display:flex;gap:0;background:#f0f0f0;border-bottom:1px solid #ddd;overflow-x:auto;flex-shrink:0}.floating-panel-tab{padding:8px 16px;font-size:12px;cursor:pointer;border:0;background:transparent;border-bottom:2px solid transparent;white-space:nowrap;color:#666;transition:all .2s}.floating-panel-tab:hover{background:#e8e8e8}.floating-panel-tab.active{background:#fff;color:#007aff;border-bottom-color:#007aff;font-weight:600}.floating-panel-tab .tab-close{margin-left:8px;font-size:10px;color:#999;cursor:pointer}.floating-panel-tab .tab-close:hover{color:#e03131}.floating-panel-content{padding:16px;overflow-y:auto;flex:1}.floating-panel-item{display:none}.floating-panel-item.active{display:block}.floating-panel-item .question-content{margin-bottom:12px;font-size:14px;line-height:1.5}.floating-panel-item .question-options{display:flex;flex-direction:column;gap:8px}.floating-panel-item .option-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;text-align:left;transition:all .2s}.floating-panel-item .option-btn:hover:not(:disabled){background:#f0f7ff;border-color:#007aff}.floating-panel-item .option-btn:disabled{opacity:.5;cursor:not-allowed}.floating-panel-item .option-btn.selected{background:#007aff;color:#fff;border-color:#007aff}.floating-panel-item .option-checkbox{display:flex;align-items:center;gap:8px;font-size:13px}.floating-panel-item .submit-multiple-btn{align-self:flex-start;padding:8px 20px;background:#007aff;color:#fff;border:0;border-radius:6px;cursor:pointer;font-size:13px;margin-top:8px}.floating-panel-item .submit-multiple-btn:disabled{background:#ccc;cursor:not-allowed}.floating-panel-item .workflow-text-input{width:100%;min-height:50px;max-height:100px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;resize:vertical;outline:0}.floating-panel-item .workflow-text-input:focus{border-color:#007aff}.floating-panel-item .submit-workflow-text-btn{display:inline-block;margin-top:8px;padding:8px 20px;background:#007aff;color:#fff;border:0;border-radius:6px;cursor:pointer;font-size:13px}.floating-panel-item .submit-workflow-text-btn:disabled{background:#ccc;cursor:not-allowed}.floating-panel-empty{text-align:center;color:#999;font-size:13px;padding:20px}.message{max-width:80%;width:fit-content;min-width:0;padding:12px 16px;border-radius:16px;word-break:break-word;overflow-wrap:anywhere}.user-msg{align-self:flex-end;background:#007aff;color:#fff;white-space:pre-wrap}.ai-msg{align-self:flex-start;background:#f9f9f9;border:1px solid #eee}.input-area{display:flex;flex-direction:column;gap:10px;padding:16px;background:#fff;border-top:1px solid #eee}#userInput{width:100%;min-height:48px;max-height:120px;border-radius:24px;border:1px solid #d1d5db;padding:12px 16px;outline:0;resize:none;font-size:15px}.chat-upload-area{display:flex;align-items:center;gap:10px;width:100%}.upload-trigger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f6f6f6;cursor:pointer;transition:all .2s}.upload-trigger:hover{background:#eaeaea}.file-preview-container{display:flex;gap:8px;flex-wrap:wrap;flex:1}.file-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f9f9f9;border:1px solid #eee;border-radius:12px;font-size:13px;max-width:160px}.file-item img{width:30px;height:30px;object-fit:cover;border-radius:6px}.file-item .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.file-item .progress{height:3px;background:#007aff;border-radius:3px;margin-top:4px}.file-item .remove-file{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;background:#ff5252;color:#fff;border-radius:50%;font-size:14px;cursor:pointer;padding:0;margin-left:4px;line-height:1}.file-item .remove-file:hover{background:#d32f2f}.send-btn{padding:10px 18px;border-radius:24px;background:#007aff;color:#fff;border:0;cursor:pointer}.send-btn:disabled{background:#ccc}.ai-msg pre{background:#282c34;color:#fff;padding:12px;border-radius:8px;max-width:100%;overflow-x:auto;word-break:break-word;overflow-wrap:anywhere}.ai-msg code{background:#f0f0f0;padding:2px 4px;border-radius:4px;word-break:break-word;overflow-wrap:anywhere}.ai-msg pre{background:#282c34;color:#fff;padding:12px;border-radius:8px;max-width:100%;overflow-x:auto;word-break:break-word;overflow-wrap:anywhere;margin:8px 0}.ai-msg code{background:#f3f4f6;padding:2px 4px;border-radius:4px;word-break:break-word;overflow-wrap:anywhere}.ai-msg blockquote{border-left:3px solid #007aff;padding-left:12px;color:#666;margin:8px 0}.session-list{flex:1;overflow-y:auto;height:0}.question-content{margin-bottom:16px}.question-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.option-btn{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;text-align:left;transition:all .2s}.option-btn:hover:not(:disabled){background:#f9fafb;border-color:#007aff}.option-btn:disabled{opacity:.6;cursor:not-allowed}.option-btn.selected{background:#e3f2fd;border-color:#007aff;color:#007aff}.yes-no-options{flex-direction:row}.yes-btn{background:#10b981;color:#fff;border-color:#10b981;text-align:center;flex:1}.yes-btn:hover:not(:disabled){background:#059669;border-color:#059669}.no-btn{background:#ef4444;color:#fff;border-color:#ef4444;text-align:center;flex:1}.no-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.multiple-choice-options{gap:12px}.option-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0}.option-checkbox input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.option-checkbox input[type="checkbox"]:disabled+span{opacity:.6}.submit-multiple-btn{align-self:flex-start;padding:10px 24px;background:#007aff;color:#fff;border:0;border-radius:8px;cursor:pointer;margin-top:8px}.submit-multiple-btn:disabled{background:#ccc;cursor:not-allowed}.text-input-options{display:flex;flex-direction:column;gap:10px;margin-top:12px}.workflow-text-input{width:100%;min-height:60px;max-height:120px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;outline:0}.workflow-text-input:focus{border-color:#007aff}.workflow-text-input:disabled{background:#f5f5f5;cursor:not-allowed}.submit-workflow-text-btn{align-self:flex-start;padding:10px 24px;background:#007aff;color:#fff;border:0;border-radius:8px;cursor:pointer}.submit-workflow-text-btn:disabled{background:#ccc;cursor:not-allowed}.agent-sidebar{width:60px;background:#171717;display:flex;flex-direction:column;align-items:center;padding:12px 0;overflow-y:auto}.agent-list{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.agent-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;cursor:pointer;transition:all .2s;color:#a9a9a9;font-size:10px;gap:2px}.agent-item i{font-size:16px}.agent-item:hover{background:#2a2b32;color:#fff}.agent-item.active{background:#343541;color:#fff}.agent-status-panel{width:240px;background:#f7f7f8;border-left:1px solid #e5e5e5;display:flex;flex-direction:column;height:100%}.status-header{padding:16px;border-bottom:1px solid #e5e5e5}.status-header h4{font-size:14px;font-weight:600;color:#333;margin:0}.status-content{flex:1;overflow-y:auto;padding:16px}.status-section{margin-bottom:20px}.status-section h5{font-size:12px;font-weight:600;color:#666;margin:0 0 10px 0;display:flex;align-items:center;gap:6px}.status-section h5 i{font-size:14px}.status-value{font-size:13px;color:#333;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e5e5}.todo-list{display:flex;flex-direction:column;gap:6px}.todo-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;border:1px solid #e5e5e5;font-size:12px}.todo-item.completed{opacity:.6;text-decoration:line-through}.todo-item input[type="checkbox"]{margin-top:2px;cursor:pointer}.todo-item .todo-title{flex:1;color:#333}.empty-state{text-align:center;color:#999;font-size:12px;padding:20px 0}.collapsible-section{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;margin:8px 0}.collapsible-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f7f7f8;cursor:pointer;user-select:none;transition:background .2s}.collapsible-header:hover{background:#ececec}.collapsible-header i:first-child{color:#666;font-size:14px}.collapsible-header span{flex:1;font-size:13px;font-weight:500;color:#333}.toggle-icon{font-size:12px;color:#999;transition:transform .3s}.collapsible-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapsible-section.expanded .collapsible-body{max-height:1000px}.collapsible-section.expanded .toggle-icon{transform:rotate(180deg)}.reasoning-section{border-color:#ffd43b}.reasoning-section .collapsible-header{background:#fff9db}.reasoning-section .collapsible-header:hover{background:#fff3bf}.reasoning-section .collapsible-header i:first-child{color:#f59f00}.reasoning-content{padding:14px;font-size:13px;color:#666;line-height:1.6;background:#fffef5}.reasoning-content p{margin:0 0 8px 0}.reasoning-content p:last-child{margin-bottom:0}.error-content{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fff5f5;border:1px solid #ffc9c9;border-radius:8px;color:#e03131;font-size:13px}.error-content i{margin-top:2px;font-size:16px}.error-content p{margin:0}.tool-call-content{border:1px solid #339af0;border-radius:8px;overflow:hidden}.tool-call-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#e7f5ff;font-size:13px;font-weight:500;color:#1971c2}.tool-call-body{padding:12px 14px;font-family:monospace;font-size:12px;background:#f8f9fa;color:#333;word-break:break-all}.tool-output-section{border-color:#868e96}.tool-output-section .collapsible-header{background:#f1f3f5}.tool-output-content{margin:0;padding:14px;font-family:monospace;font-size:12px;background:#212529;color:#f8f9fa;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;max-width:100%}.function-call-content{border:1px solid #339af0;border-radius:10px;overflow:hidden;background:#f8f9fa}.function-call-header{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:linear-gradient(135deg,#e7f5ff 0%,#d0ebff 100%)}.function-call-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#1971c2;font-weight:500}.function-call-status i{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.function-call-name{font-size:15px;font-weight:600;color:#1864ab;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace}.function-call-args{border-top:1px solid #d0ebff}.function-call-args-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:12px;color:#495057;cursor:pointer;user-select:none}.function-call-args-header:hover{background:#edf2ff}.function-call-args-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.function-call-args.expanded .function-call-args-body{max-height:500px}.function-call-args.expanded .toggle-icon{transform:rotate(180deg)}.function-call-args-body pre{margin:0;padding:12px 16px;background:#212529;color:#f8f9fa;font-size:12px;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;max-width:100%;overflow-x:auto}.function-result-content{border:1px solid #51cf66;border-radius:10px;overflow:hidden;background:#f8f9fa}.function-result-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#ebfbee 0%,#d3f9d8 100%)}.function-result-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#2b8a3e}.function-result-status i{font-size:16px}.function-result-callid{font-size:11px;color:#868e96;font-family:monospace}.function-result-body{border-top:1px solid #d3f9d8}.function-result-header-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:12px;color:#495057;cursor:pointer;user-select:none}.function-result-header-toggle:hover{background:#f0fbe3}.function-result-content-area{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.function-result-body.expanded .function-result-content-area{max-height:600px}.function-result-body.expanded .toggle-icon{transform:rotate(180deg)}.function-result-content-area pre{margin:0;padding:14px 16px;background:#212529;color:#f8f9fa;font-size:12px;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;max-width:100%;overflow-x:auto;max-height:400px;overflow-y:auto}.function-result-content-area pre.json{color:#74c0fc}.function-result-truncated{padding:8px 16px;font-size:11px;color:#868e96;text-align:center;background:#f1f3f5;border-top:1px solid #dee2e6}