:root{--color-text: #213547;--color-bg: #ffffff;--agent-bg: #f8fbff;--agent-border: #e0eefd;--agent-name-color: #0056b3;--agent-status-color: #4a6cf7;--color-border: #e0e0e0;--color-header-bg: #f5f5f5;--color-header-text: #333;--color-row-even: #f9f9f9;--color-row-hover: #f1f1f1;--color-subtle-text: #6c757d;--color-button-hover: #747bff;--color-button-bg: #f9f9f9;--color-chat-bg: rgb(240, 240, 240);--color-detail-bg: #fff;--color-detail-border: #eee;--color-detail-hover: #f0f0f0;--color-accent: #4a6cf7;--mermaid-bg: #ffffff;--mermaid-node: #4a6cf7;--mermaid-text: #213547;--color-error-bg: #fee2e2;--color-error-border: #ef4444;--color-error-text: #b91c1c;--color-error-icon: #d32f2f;--color-shadow: rgba(0, 0, 0, .1);--color-example-bg: #333;--color-example-text: #f0f0f0;--color-message-confirm-bg: #f9f9f9;--modal-bg: #ffffff;--modal-text: #333333;--modal-border: #e0e0e0;--modal-button-bg: #f5f5f5;--modal-button-hover: #e0e0e0;--modal-button-primary: #4a6cf7;--modal-button-primary-hover: #3a5bd9;--modal-input-bg: #ffffff;--modal-input-border: #e0e0e0;--modal-input-text: #333333;--action-button-primary-bg: rgba(76, 175, 80, .1);--action-button-primary-text: #2e7d32;--action-button-primary-border: rgba(76, 175, 80, .3);--action-button-primary-hover: rgba(76, 175, 80, .2);--config-display-color: rgb(222, 222, 222);--side-bar-width: 250px}body{background-color:var(--color-bg, #f0f0f0);color:var(--color-text)}.chat-input-wrapper{background-color:var(--color-chat-bg)}.message-detail-content{background-color:var(--color-detail-bg);border-top-color:var(--color-detail-border)}.message-detail-summary{background-color:var(--color-header-bg)}*{box-sizing:border-box;margin:0;padding:0}.mermaid-container{margin:1.5rem 0;text-align:center;background:var(--mermaid-bg, white);padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:auto;position:relative;min-height:100px}.mermaid{display:flex;justify-content:center;align-items:center;width:100%;overflow:visible!important}.mermaid svg{max-width:100%;height:auto!important}.dark .mermaid-container{background:var(--mermaid-bg, #2d2d2d)}.mermaid-error{color:var(--color-error-text, #b91c1c);background:var(--color-error-bg, #fee2e2);padding:.5rem;border-radius:4px;margin-top:.5rem;font-family:monospace;font-size:.9em}.broken-image-container{border:1px solid var(--color-border, #e0e0e0);border-radius:8px;padding:1.5rem;background:var(--color-detail-bg, #f9f9f9);margin:.5rem 0;display:flex;align-items:center;justify-content:center;min-height:120px}.dark .broken-image-container{background:var(--detail-bg, #2d2d2d);border-color:var(--color-border, #444)}.broken-image-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.broken-image-icon{font-size:2rem;color:var(--color-subtle-text, #6c757d);opacity:.7}.broken-image-text{display:flex;flex-direction:column;gap:.25rem}.broken-image-alt{font-weight:500;color:var(--color-text, #213547)}.dark .broken-image-alt{color:var(--color-text, #f0f0f0)}.broken-image-url{font-family:monospace;font-size:.8em;color:var(--color-subtle-text, #6c757d);word-break:break-all;max-width:100%;padding:.25rem .5rem;background:#0000000d;border-radius:4px;margin-top:.25rem}.dark .broken-image-url{background:#ffffff1a;color:#a0a0a0}.markdown-content{line-height:1.6;overflow-wrap:break-word}.markdown-content>*+*{margin-top:1rem}.markdown-content ul,.markdown-content ol{padding-left:1.5rem;margin:.5rem 0}.markdown-content li{margin:.25rem 0;padding-left:.25rem}.markdown-content li>p{margin:.5rem 0}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.9em;overflow-x:scroll;border-radius:5px}.markdown-content th,.markdown-content td{padding:12px 15px;text-align:left;border:1px solid var(--color-border)}.markdown-content thead tr{background-color:var(--color-header-bg);color:var(--color-header-text);text-align:left;font-weight:700}.markdown-content tbody tr{border-bottom:1px solid #e0e0e0}.markdown-content tbody tr:nth-of-type(2n){background-color:var(--color-row-even)}.markdown-content tbody tr:last-of-type{border-bottom:2px solid var(--color-header-bg)}.markdown-content tbody tr:hover{background-color:var(--color-row-hover)}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh;margin:0;padding:0}#root{display:flex;flex-direction:column}.chat-container{display:flex;flex-direction:column;min-height:100vh;position:relative;padding-bottom:calc(100px + 2rem);width:100%;max-width:1200px;margin:0 auto;overflow:visible}.chat-messages{flex:1;padding:8px 2em;position:relative;contain:content}.message{margin-bottom:4px}.message-content{padding:8px 12px;border-radius:18px;line-height:1.5;word-wrap:break-word}.message-confirmed{background-color:var(--color-message-confirm-bg)}.message-bot+.message-bot .message-content,.message-user+.message-user .message-content{padding-top:4px;padding-bottom:4px}.message-user{align-self:flex-end;padding-bottom:.5em}.message-bot{align-self:flex-start}.message-sender{font-weight:700}.example-queries{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 16px;max-width:800px;margin:0 auto 8px}.example-queries-title{width:100%;text-align:center;color:var(--color-subtle-text);font-size:.9em;margin-bottom:4px}.example-query{background:var(--color-example-bg);border-radius:16px;padding:6px 12px;font-size:.9em;color:var(--color-example-text);cursor:pointer;transition:all .2s ease;font-size:.75rem;opacity:75%}.example-query:hover{transform:translateY(-1px);opacity:100%}.chat-input-container{padding:.5rem;background:var(--color-bg);position:fixed;bottom:50px;z-index:100;background:#fff0}.send-button{background:#0000;border:none;padding:.5em;border-radius:4px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;color:var(--color-text)}.send-button:disabled{cursor:not-allowed}.breathing-circle{width:16px;height:16px;animation:breathing 1.5s infinite ease-in-out;color:var(--color-text);scale:.8}@keyframes breathing{0%{transform:scale(.1);opacity:0}50%{transform:scale(.8);opacity:1}to{transform:scale(.1);opacity:0}}.input-group{width:100%;display:flex;flex-direction:row;bottom:2em}.chat-input-wrapper{display:flex;gap:8px;align-items:center;justify-content:center;padding:0 1em;background:var(--color-chat-bg);overflow:hidden;border-radius:1000px;margin-top:.5rem}.chat-input{flex:1;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;transition:opacity .2s ease;color:var(--color-text)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.message:has(+.message){margin-bottom:16px}.message:has(+.message.message-bot)+.message-bot,.message:has(+.message.message-user)+.message-user{margin-top:-8px;margin-bottom:4px}@media (min-width: 768px){.chat-container{width:min(100%,50rem)}.config-display,.chat-input-container{--width: min(100vw - var(--side-bar-width) - 1rem, 50rem);width:var(--width);left:calc((100vw - var(--side-bar-width) - var(--width))/2 + var(--side-bar-width))}}@media (max-width: 768px){.chat-container{width:min(100%,40rem)}.config-display{--width: min(100vw - 1rem, 40rem);width:var(--width);left:calc((100vw - var(--width))/2)}.chat-input-container{--width: min(100vw - 1rem, 50rem);width:var(--width);left:calc((100vw - var(--width))/2)}.app-footer{margin-left:auto!important}}button{font:inherit;cursor:pointer;padding:0;margin:0;background:none;border:none}textarea{font:inherit;resize:none;width:100%;padding:8px;border:1px solid}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:var(--color-row-even)}}.header-container{text-align:center;padding:1.5rem 0}.chat-title{font-size:2rem;margin:0 0 .5rem;color:var(--color-header-text);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.2em}.chat-subtitle{font-size:.9rem;color:var(--color-subtle-text);margin:0;font-weight:400}.message-detail{margin:4px 0;border:1px solid var(--color-border);border-radius:6px;overflow:visible!important;transition:height .3s ease-in-out}.message-detail-summary{background-color:var(--color-detail-hover);padding:8px 12px;border-radius:4px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.message-detail-summary>span{flex:1}.tool-call-message .message-detail-content{background-color:var(--color-example-bg);color:var(--color-example-text)}.download-button{background:none;border:none;color:var(--color-subtle-text);cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.download-button:hover{background-color:var(--color-row-hover);color:var(--color-text)}.download-button i{font-size:.9em}.message-detail-summary::-webkit-details-marker{display:none}.message-detail-summary:before{content:"✓";display:inline-block;margin-right:10px;font-size:1em;color:var(--color-accent);transition:transform .2s,content .2s}.plan-container .message-detail-summary:before{display:none}@keyframes breathing{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.8}}.message-detail-summary[data-inprogress]:before{content:"●";font-size:.6em;margin-right:10px;display:inline-block;animation:breathing 1.5s ease-in-out infinite;color:unset}details[open]>.message-detail-summary:before{transform:none}details[open]>.message-detail-summary[data-inprogress]:before{transform:none}.report-content{font-family:Fira Mono,Roboto Mono,Consolas,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;white-space:pre-wrap;overflow:auto;max-height:75vh}details[open]>.message-detail-content{max-height:30vh;overflow:auto}details[open]>.message-detail-content:has(.report-content){max-height:85vh}.report-content code{background:none;padding:0;font-size:.9em;line-height:1.5}.app-footer{padding:.5rem;text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:90;background-color:var(--color-bg);border-top:1px solid var(--color-border);margin-left:var(--side-bar-width)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:1200px;margin:0 auto}.footer-logo{max-width:100px;height:auto;margin-bottom:.5rem;background-color:#ffffffe6;padding:.2em .5em;border-radius:1000px}.footer-text{color:var(--color-subtle-text);font-size:.875rem}.message-detail-content{padding:12px;background-color:var(--color-detail-bg);border-top:1px solid var(--color-detail-border);font-size:.95em;line-height:1.5;animation:slideDown .3s ease-out;will-change:transform,opacity;transform-origin:top;max-height:25vh;overflow-y:auto;background:var(--color-detail-bg);box-shadow:0 -2px 10px var(--color-shadow)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-detail-summary{transition:background-color .2s ease}.message-detail-summary:hover{background-color:var(--color-row-hover)}.plan-container{border-radius:4px;margin:0 8px 12px;font-size:1em;line-height:1.4;position:sticky;top:0;z-index:10000}.plan-section,.todo-section{margin-bottom:12px}.plan-section:last-child,.todo-section:last-child{margin-bottom:0}.message-requires-confirm{padding-bottom:.4em!important;margin:10px 0;background-color:var(--color-message-confirm-bg, #f0f0f0)}.message-confirmed{background-color:#4caf5014!important;padding-left:.75rem;margin:10px 0}.message-rejected{background-color:var(--color-message-confirm-bg)!important;padding-left:.75rem;margin:10px 0;color:var(--color-text)}.message-rejected .confirmation-status{color:var(--color-text)!important}.confirmation-status{display:flex;justify-content:flex-end;margin-left:auto;align-items:baseline;max-width:max-content;gap:.2em}@media (prefers-color-scheme: dark){:root{--color-text: #f0f0f0;--color-bg: #1e1e1e;--color-border: #444;--color-header-bg: #2d2d2d;--color-header-text: #f0f0f0;--color-row-even: #2a2a2a;--color-row-hover: #3a3a3a;--color-subtle-text: #a0a0a0;--color-button-hover: #5d6bff;--color-button-bg: #2d2d2d;--color-chat-bg: #252526;--color-detail-bg: #2d2d2d;--color-detail-border: #3a3a3a;--color-detail-hover: #3a3a3a;--color-accent: #6c79ff;--color-error-bg: #3a1f1f;--color-error-border: #d32f2f;--color-error-text: #ff9e9e;--color-error-icon: #ff6b6b;--color-shadow: rgba(0, 0, 0, .3);--color-example-bg: #3a3a3a;--color-example-text: #f0f0f0;--color-message-confirm-bg: #484848;--agent-bg: #293753;--agent-border: rgba(0, 0, 0, 0);--agent-name-color: #c3e0ff;--agent-status-color: #c7eeff;--action-button-primary-bg: rgba(102, 187, 106, .3);--action-button-primary-text: #81c784;--action-button-primary-border: rgba(102, 187, 106, .4);--action-button-primary-hover: rgba(102, 187, 106, .3);--config-display-color: rgba(13, 13, 13)}}.title-logo{height:6em;display:inline-block;text-align:center}.settings-icon-container{position:fixed;top:20px;right:20px;z-index:1000}.settings-icon-container .MuiIconButton-root{transition:all .3s ease}.settings-icon-container .MuiIconButton-root:hover{transform:rotate(30deg)}.settings-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90%;background-color:var(--color-bg);box-shadow:0 4px 20px var(--color-shadow);padding:2rem;border-radius:8px;outline:none}.settings-buttons{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--modal-bg);color:var(--modal-text);padding:1.5rem;border-radius:8px;width:100%;max-width:500px;box-shadow:0 4px 20px #00000026;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{margin-top:0;margin-bottom:1.5rem;color:var(--color-text);font-size:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text);font-size:.9rem;font-weight:500}.form-group input[type=text]{width:100%;padding:.75rem;border:1px solid var(--modal-input-border);border-radius:4px;font-size:1rem;background-color:var(--modal-input-bg);color:var(--modal-input-text);transition:border-color .2s ease,box-shadow .2s ease}.form-group input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #4a6cf733;outline:none}.modal-actions button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--modal-button-bg);color:var(--color-text);cursor:pointer;font-size:.9rem;transition:all .2s ease}.modal-actions button:hover{background-color:var(--modal-button-hover)}.modal-actions button.primary{background-color:var(--modal-button-primary);color:#fff;border-color:var(--modal-button-primary)}.modal-actions button.primary:hover{background-color:var(--modal-button-primary-hover);border-color:var(--modal-button-primary-hover)}.settings-button{position:fixed;top:20px;right:20px;background:none;border:none;color:var(--color-text);font-size:1.25rem;cursor:pointer;z-index:100;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:var(--color-button-bg);border:1px solid var(--color-border)}.settings-button:hover{background-color:var(--color-row-hover);color:var(--color-accent);transform:rotate(30deg)}@media (prefers-color-scheme: dark){:root{--modal-bg: #2d3748;--modal-text: #e2e8f0;--modal-border: #4a5568;--modal-button-bg: #4a5568;--modal-button-hover: #2d3748;--modal-button-primary: #4a6cf7;--modal-button-primary-hover: #3a5bd9;--modal-input-bg: #2d3748;--modal-input-border: #4a5568;--modal-input-text: #e2e8f0}.settings-button{background-color:var(--modal-button-bg);border-color:var(--modal-border)}.settings-button:hover{background-color:var(--modal-button-hover)}}@media (max-width: 600px){.settings-modal{width:90%;padding:1.5rem}.settings-buttons{flex-direction:column}.settings-buttons button{width:100%}}.action-buttons-container{display:flex;gap:.5rem;justify-content:flex-end;margin-left:auto;max-width:max-content}.action-button{padding:.25rem .75rem;border-radius:.25rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:1px solid transparent;display:inline-flex;align-items:center;gap:.25rem}.action-button--primary{background-color:var(--action-button-primary-bg);color:var(--action-button-primary-text);border-color:var(--action-button-primary-border)}.action-button--primary:hover{background-color:var(--action-button-primary-hover)}.action-button--secondary{background-color:var(--color-message-confirm-bg);color:var(--color-text)}.action-button--secondary:hover{background-color:var(--color-row-hover)}.plan-container h3{font-size:1em;margin:0 0 12px;color:var(--color-header-text);font-weight:600;display:flex;align-items:center;gap:8px}.plan-container h3 i{width:16px;text-align:center}.plan-content{margin:8px 0 12px;line-height:1.5;padding-left:0}.plan-content i{position:absolute;left:0;color:var(--color-accent)}.todo-list{padding-left:1.5em;margin:0;counter-reset:item}.todo-item{margin-bottom:6px;line-height:1.4;position:relative;padding-left:.3em}.todo-item:before{position:absolute;left:-1.5em;font-weight:600}.agent-content{padding:12px;background-color:var(--agent-bg);border-radius:8px;border:1px solid var(--agent-border)}.agent-name{font-weight:600;color:var(--agent-name-color);margin-bottom:8px;display:flex;align-items:center;gap:8px}.agent-status{font-size:.9em;color:var(--agent-status-color);display:flex;align-items:center;gap:6px}.agent-status:before{content:"•";font-size:1.2em;line-height:1}.agent-message[data-inprogress] .agent-status:before{color:var(--agent-status-color);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.agent-toc{position:fixed;left:20px;top:20px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;max-width:250px;max-height:300px;overflow-y:auto;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:.9}.agent-toc:hover{opacity:1;transform:translateY(-5px)}.agent-toc-header{padding:10px 15px;font-weight:600;border-bottom:1px solid var(--color-border);background:var(--color-header-bg);color:var(--color-header-text);position:sticky;top:0;z-index:1}.agent-toc-list{padding:5px 0}.agent-toc-item{padding:8px 15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.agent-toc-item:hover{background-color:var(--color-row-hover)}.agent-toc-icon{color:var(--color-accent);width:16px;text-align:center}.agent-toc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-toc::-webkit-scrollbar{width:6px}.agent-toc::-webkit-scrollbar-track{background:var(--color-row-even);border-radius:0 0 8px}.agent-toc::-webkit-scrollbar-thumb{background:var(--color-subtle-text);border-radius:3px}@keyframes highlight{0%{background-color:#4299e11a}50%{background-color:#4299e14d}to{background-color:transparent}}.highlight-message{animation:highlight 2s ease-out}.error-message{background-color:var(--color-error-bg);border-left:4px solid var(--color-error-border);padding:12px 16px;margin:1em;border-radius:4px;color:var(--color-error-text);font-size:.9em}.message-bot+.message-bot.error-message,.message-user+.message-user.error-message{margin-top:12px!important}.error-message .error-content{display:flex;align-items:flex-start;gap:8px}.error-message .fa-exclamation-circle{color:var(--color-error-icon);margin-top:2px;flex-shrink:0}.settings-button{position:fixed;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);font-size:1.2em;z-index:1000;transition:all .2s ease;background:#0000}.settings-button:hover{transform:rotate(30deg)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-content{background:var(--color-bg);padding:1.5rem;border-radius:8px;width:100%;max-width:500px;margin:1rem;box-shadow:0 4px 20px var(--color-shadow)}.modal-content h3{margin-top:0;color:var(--color-text);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text);font-size:.9em}.form-group input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-detail-bg);color:var(--color-text);font-size:1em}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-actions button{padding:.2em;border-radius:.25rem;cursor:pointer;transition:all .2s ease;min-width:5em}.modal-actions button:first-child{background:transparent;color:var(--color-text)}.modal-actions button.primary{color:var(--action-button-primary-text);background:var(--action-button-primary-bg);border:1px solid var(--action-button-primary-border)}.modal-actions button.primary:hover{opacity:.9}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease-in-out}@media (max-width: 768px){.main-content{margin-left:0;width:100%}}.settings-button{position:fixed;top:20px;right:20px;z-index:1000;background:none;border:none;cursor:pointer;font-size:1.5rem;color:#666}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-content{padding:20px;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.form-group{margin:15px 0}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:8px;border-radius:4px;border:1px solid #ddd;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{padding:8px 16px;border-radius:4px;cursor:pointer}.modal-actions button.primary{background-color:#007bff;color:#fff;border:1px solid #007bff}.chat-container{flex:1;display:flex;flex-direction:column}.header-container{margin-bottom:20px}.chat-title{margin:0;font-size:1.8rem;display:flex;align-items:center;gap:10px}.title-logo{height:96px}.chat-messages{flex:1;padding-bottom:20px}.config-display{border-radius:1.2rem;padding:.25rem .25rem 2.7rem;font-size:.6em;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:-1;background-color:var(--config-display-color);position:fixed;bottom:calc(50px + .5rem)}.config-label{color:var(--color-subtle-text);margin-left:1rem;font-weight:600;margin-right:.5rem}.config-value{overflow:hidden;text-overflow:ellipsis;display:inline-block;text-align:center;border-radius:1000px;padding:.1rem .5rem;min-width:3rem;cursor:pointer;color:var(--color-subtle-text);background-color:var(--color-detail-bg)}.config-header{align-items:center;display:flex}.config-options-container{padding:.5rem 1rem;display:flex;margin:.5rem;flex-wrap:wrap;align-items:center;max-height:min(40vh,30rem);overflow-y:scroll}.config-option{flex:1;font-size:.8rem;color:var(--color-subtle-text);background-color:var(--color-detail-bg);border-radius:.5rem;margin:.25rem;padding:.5rem;text-align:center;cursor:pointer}.config-option:hover{opacity:.8}.config-option.config-option-add{flex:0;color:#fff;background-color:var(--color-accent)}.sidebar{width:var(--side-bar-width, 250px);height:100vh;background-color:var(--color-header-bg, #f5f5f5);border-right:1px solid var(--color-border, #e0e0e0);padding:70px 16px 16px;box-sizing:border-box;overflow:visible;position:fixed;left:0;top:0;z-index:999;transition:transform .3s ease-in-out,background-color .3s ease;display:flex;flex-direction:column;color:var(--color-text, #213547)}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:2px 0 5px var(--color-shadow, rgba(0, 0, 0, .1))}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar.sidebar-open+.sidebar-overlay{display:block}}@media (min-width: 769px){.sidebar{transform:translate(0)!important}}.sidebar-content{display:flex;flex-direction:column;padding:8px;overflow-y:auto;height:100%}.sidebar-button{width:100%;padding:10px 16px;margin-bottom:8px;background-color:var(--color-button-bg, #f9f9f9);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;font-size:.95em;color:var(--color-text, #213547);display:flex;align-items:center;gap:8px}.sidebar-button:hover{background-color:var(--color-row-hover, #f1f1f1);border-color:var(--color-button-hover, #747bff);color:var(--color-accent, #4a6cf7)}.sidebar-button:active{transform:translateY(1px)}.sidebar-button.primary{background-color:var(--color-accent, #4a6cf7);color:#fff;border:none;justify-content:center;font-weight:500;margin:0 0 16px;padding:12px 16px;box-shadow:0 2px 4px var(--color-shadow, rgba(0, 0, 0, .05));transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.sidebar-button.primary:hover{background-color:var(--agent-status-color, #3a5bd9);color:#fff;box-shadow:0 4px 8px #0000001a}.sidebar-divider{border-top:1px solid #e0e0e0;margin:16px 0}.sidebar-button-text{border:none;background-color:transparent;justify-content:flex-start;color:var(--color-text, #213547)}.sidebar-button-text:hover{background-color:var(--color-row-hover, #f1f1f1);color:var(--color-accent, #4a6cf7)}.search-box-container{padding:0 4px;margin:0 0 8px}.search-box{position:relative;display:flex;align-items:center;background-color:var(--color-input-bg, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:4px;padding:4px 8px;height:28px;transition:all .2s ease}.search-box:focus-within{border-color:var(--color-accent, #4a6cf7);box-shadow:0 0 0 2px #4a6cf733}.search-icon{color:var(--color-subtle-text, #9e9e9e);margin-right:6px;font-size:12px}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:.85em;color:var(--color-text, #213547);padding:0;height:20px;line-height:20px}.search-input::placeholder{color:var(--color-subtle-text, #9e9e9e)}.clear-search{background:none;border:none;color:var(--color-subtle-text, #9e9e9e);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.clear-search:hover{color:var(--color-text, #213547);background-color:var(--color-row-hover, #f1f1f1)}.clear-search i{font-size:12px}.sidebar-section{position:relative}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 8px}.sidebar-section-title{font-size:.8em;font-weight:600;color:var(--color-subtle-text, #6c757d);text-transform:uppercase;letter-spacing:.05em;margin:0}.refresh-button{background:none;border:none;color:var(--color-subtle-text, #6c757d);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refresh-button:hover{color:var(--color-accent, #4a6cf7);background-color:var(--color-row-hover, #f1f1f1)}.refresh-button i{font-size:.9em;transition:transform .3s ease}.refresh-button.refreshing i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.config-list{display:flex;flex-direction:column;gap:1px;max-height:300px;padding-right:4px;margin:0 -4px}.config-list::-webkit-scrollbar{width:6px}.config-list::-webkit-scrollbar-track{background:var(--color-input-bg, #f5f5f5);border-radius:3px}.config-list::-webkit-scrollbar-thumb{background-color:var(--color-border, #e0e0e0);border-radius:3px}.config-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-subtle-text, #bdbdbd)}.config-list-item{display:flex;align-items:center;gap:6px}.config-icon-container{display:flex;align-items:center;flex-shrink:0}.config-icon{font-size:12px;color:var(--color-subtle-text, #9e9e9e)}.config-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-item{padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.85em;color:var(--color-text, #213547);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.config-item:hover{background-color:var(--color-row-hover, #f1f1f1)}.config-item.active{background-color:var(--color-accent-light, #e8edff);color:var(--color-accent, #4a6cf7);font-weight:500}.config-toc-item{padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.85em;color:var(--color-text, #213547);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;font-size:.9em}.config-toc-item:hover{background-color:var(--color-row-hover, #f1f1f1)}.config-toc-item.active{background-color:var(--color-accent-10, rgba(74, 108, 247, .1));color:var(--color-accent, #4a6cf7);font-weight:500}.config-toc-item.add-config{color:var(--color-accent, #4a6cf7);font-weight:500}.config-toc-item.add-config i{color:var(--color-accent, #4a6cf7);transition:color .3s ease}.sidebar-configs-dropdown{background:var(--color-detail-bg, #fff);transition:background-color .3s ease;border-radius:8px;margin-top:4px;box-shadow:0 2px 8px #0000001a;overflow:hidden;max-height:300px;overflow-y:auto;border:1px solid var(--color-border, #e0e0e0)}.sidebar-config-option{padding:10px 16px;cursor:pointer;font-size:.9em;color:var(--color-text, #213547);transition:background-color .2s;display:flex;align-items:center;gap:8px}.sidebar-config-option:hover{background-color:var(--color-row-hover, #f1f1f1)}.sidebar-config-option.active{background-color:var(--color-accent-10, rgba(74, 108, 247, .1));color:var(--color-accent, #4a6cf7);font-weight:500}.tooltip-container{position:relative;display:inline-block;height:100%}.tooltip{position:fixed;left:0;top:0;transform:translateY(-50%);background-color:var(--color-bg-overlay, #2d3748);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10000;box-shadow:0 2px 8px #0003;pointer-events:none;animation:fadeIn .15s ease-out}.current-config-display{background-color:var(--color-accent-10, rgba(74, 108, 247, .1));border-radius:8px;padding:12px;margin:16px 8px;border:1px solid var(--color-accent-20, rgba(74, 108, 247, .2))}.current-config-header{display:flex;align-items:center;margin-bottom:8px;color:var(--color-accent, #4a6cf7);font-weight:500}.current-config-header i{margin-right:8px;color:var(--color-accent, #4a6cf7)}.current-config-title{font-weight:500;color:var(--color-accent, #4a6cf7);overflow:hidden;text-overflow:ellipsis}.current-config-path{font-size:.8em;color:var(--color-subtle-text, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}.sub-agents-section{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-border, #e0e0e0)}.sub-agents-title{font-size:.7em;color:var(--color-subtle-text, #6c757d);margin-bottom:4px;opacity:.8}.sub-agents-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;padding-right:4px;font-size:.8em;color:var(--color-text, #555)}.sub-agent-item{padding:2px 0;line-height:1.3}.sub-agent-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-left:4px}.current-config-display{margin-bottom:8px}.add-config-button{display:flex;align-items:center;padding:6px 12px;margin:0 8px 8px!important;border-radius:4px;font-size:.85em;color:var(--color-accent, #4a6cf7)!important;font-weight:500;background-color:transparent;transition:all .2s ease;width:calc(100% - 16px);box-sizing:border-box}.add-config-button:hover{background-color:var(--color-accent-10, rgba(74, 108, 247, .1));color:var(--color-accent-dark, #3a5bd9)!important}.add-config-button i{font-size:.8em;margin-right:6px}.agent-toc-item{padding:4px 8px;margin:1px 6px;border-radius:4px;min-height:24px;line-height:1.2;font-size:.9em}.config-list-item{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:4px;width:100%;min-height:20px}.config-icon-container{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.config-icon{font-size:.75em;color:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.config-name{font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;padding:1px 0}.sidebar-config-option.add-config{color:var(--color-accent, #4a6cf7);font-weight:500;border-top:1px solid var(--color-border, #e0e0e0);margin-top:4px;padding-top:12px}.sidebar-configs-loading{padding:12px 16px;color:var(--color-subtle-text, #6c757d);font-size:.9em;text-align:center}.sidebar-configs-dropdown::-webkit-scrollbar{width:6px}.sidebar-configs-dropdown::-webkit-scrollbar-track{background:transparent}.sidebar-configs-dropdown::-webkit-scrollbar-thumb{background-color:var(--color-border, #e0e0e0);border-radius:3px}.sidebar-configs-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--color-subtle-text, #6c757d)}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--color-border, #e0e0e0);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-subtle-text, #6c757d)}.hamburger-button{display:flex;position:fixed;top:20px;left:20px;color:var(--color-text, #213547);transition:color .3s ease;z-index:1100;width:40px;height:40px;background:none;border:none;cursor:pointer;align-items:center;justify-content:center;color:var(--color-text);font-size:1.2em;transition:all .2s ease;border-radius:50%;padding:0}.hamburger-button:hover{background-color:#0000001a}.hamburger-button i{transition:transform .3s ease}.hamburger-button:hover i{transform:scale(1.1)}.hamburger-button[aria-expanded=true] i.fa-times{transform:rotate(180deg)}.hamburger-button{display:flex}@media (max-width: 768px){.sidebar{padding-top:70px}}