.chat-interface{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e8e8e8;background:#fafafa}.chat-header h2{margin:0;font-size:1rem;font-weight:600;color:#262626;display:flex;align-items:center;gap:.5rem}.clear-btn{color:#595959}.clear-btn:hover:not(:disabled){color:#1890ff;background:#1890ff0f}.messages-container{flex:1;overflow:hidden;background:#f5f5f5}.messages{height:100%;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message-wrapper{display:flex;flex-direction:column;gap:.25rem;max-width:70%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.user{align-self:flex-end}.message-wrapper.assistant{align-self:flex-start}.message-bubble{border-radius:12px;box-shadow:0 1px 4px #00000014}.message-bubble .ant-card-body{padding:.75rem!important}.message-bubble.user{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.message-bubble.assistant{background:#fff;color:#262626}.message-bubble.loading{background:#f0f0f0}.message-content{display:flex;flex-direction:column;gap:.25rem}.message-header{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;opacity:.9}.message-bubble.user .message-header{justify-content:flex-end}.message-author{display:flex;align-items:center;gap:.375rem}.message-author.assistant{color:#1890ff}.message-text{font-size:.9375rem;line-height:1.5;word-break:break-word}.message-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.message-image{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.message-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.message-bubble.user .message-image{border-color:#ffffff80}.message-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;opacity:.7}.message-time{flex:1}.copy-btn{opacity:.6;transition:opacity .2s ease}.copy-btn:hover{opacity:1}.welcome-container{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.welcome-description{text-align:center}.welcome-description h3{font-size:1.25rem;margin:0 0 .5rem;color:#262626}.welcome-description p{font-size:.9375rem;color:#595959;margin:0 0 1rem}.welcome-features{list-style:none;padding:0;margin:0 0 1rem;text-align:left;display:inline-block}.welcome-features li{padding:.25rem 0;color:#595959;font-size:.875rem}.welcome-features li:before{content:"•";color:#1890ff;margin-right:.5rem;font-weight:700}.welcome-hint{font-size:.8125rem;color:#8c8c8c;margin:0}.settings-panel{background:#fafafa;border-bottom:1px solid #e8e8e8}.thinking-panel{background:#f5f5f5;border-radius:8px;margin-bottom:.75rem;border:1px solid #e8e8e8;overflow:hidden}.thinking-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.thinking-header:hover{background:#e8e8e8}.thinking-icon{font-size:1rem}.thinking-title{flex:1;font-size:.875rem;color:#595959;font-weight:500}.thinking-toggle{font-size:.75rem;color:#8c8c8c;transition:transform .2s ease}.thinking-content{padding:.75rem;border-top:1px solid #e8e8e8;background:#fafafa;font-size:.875rem;color:#595959;line-height:1.6;max-height:300px;overflow-y:auto}.thinking-content::-webkit-scrollbar{width:4px}.thinking-content::-webkit-scrollbar-track{background:transparent}.thinking-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.thinking-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.tool-results-panel{background:#f5f5f5;border-radius:8px;margin-bottom:.75rem;border:1px solid #e8e8e8;overflow:hidden}.tool-results-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.tool-results-header:hover{background:#e8e8e8}.tool-results-icon{font-size:1rem}.tool-results-title{flex:1;font-size:.875rem;color:#595959;font-weight:500}.tool-results-toggle{font-size:.75rem;color:#8c8c8c;transition:transform .2s ease}.tool-results-content{padding:.75rem;border-top:1px solid #e8e8e8;background:#fafafa;font-size:.875rem;color:#595959;line-height:1.6;max-height:300px;overflow-y:auto}.tool-results-content::-webkit-scrollbar{width:4px}.tool-results-content::-webkit-scrollbar-track{background:transparent}.tool-results-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.tool-results-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.tool-result-item{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e8e8e8}.tool-result-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-toggle{width:100%;text-align:left;color:#595959;padding:.5rem 1rem;height:auto}.settings-toggle:hover{color:#1890ff;background:#1890ff0f}.settings-content{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.setting-item{display:flex;align-items:center;gap:.75rem}.setting-item label{min-width:100px;font-size:.875rem;color:#595959;font-weight:500}.setting-input{flex:1}.setting-presets{display:flex;gap:.5rem;flex-wrap:wrap}.setting-presets button{font-size:.8125rem}.input-container{padding:.75rem 1rem;background:#fff;border-top:1px solid #e8e8e8}.input-wrapper{display:flex;gap:.75rem;align-items:flex-end}.message-input{flex:1}.message-input textarea{resize:none;border-radius:8px;font-size:.9375rem}.send-btn{height:auto;min-height:32px;border-radius:8px}.input-hint{font-size:.75rem;color:#8c8c8c;text-align:center;margin-top:.375rem}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#0000004d}.typing-cursor{position:relative}.typing-cursor:after{content:"...";animation:typing 1.5s infinite;color:#1890ff;font-weight:700}@keyframes typing{0%{content:"."}33%{content:".."}66%{content:"..."}}@media(max-width:768px){.chat-header{padding:.5rem .75rem}.chat-header h2{font-size:.875rem}.message-wrapper{max-width:85%}.welcome-container{padding:1rem}.input-container{padding:.5rem .75rem}.send-btn span{display:none}.send-btn{padding:4px 12px}}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffffe6;border-radius:8px;font-size:.875rem;transition:all .3s ease}.status-indicator.loading{color:#666}.status-indicator.healthy{border-left:3px solid #52c41a;color:#52c41a}.status-indicator.unhealthy{border-left:3px solid #ff4d4f;color:#ff4d4f}.status-dot{font-size:1.25rem;line-height:1}.status-dot.healthy{color:#52c41a}.status-dot.unhealthy{color:#ff4d4f}.status-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-text{font-weight:500}.status-detail{color:#666}.status-error{color:#ff4d4f;font-weight:500}.status-time{color:#999;font-size:.75rem}.app{display:flex;flex-direction:column;height:100vh;width:100vw}header{background:linear-gradient(135deg,var(--primary-color) 0%,#40a9ff 100%);color:#fff;padding:0;box-shadow:0 2px 8px #0000001a;z-index:10}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;max-width:1600px;margin:0 auto}header h1{font-size:1.25rem;font-weight:600;margin:0;letter-spacing:-.025em}.header-status{display:flex;align-items:center}.main-content{flex:1;overflow:hidden;background:var(--bg-secondary)}footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:.5rem 1rem;text-align:center}footer p{margin:0;font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.header-content{padding:.625rem 1rem}header h1{font-size:1rem}.header-status{font-size:.875rem}footer p{font-size:.6875rem}}@media(max-width:480px){header h1{font-size:.875rem}.header-status{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #1890ff;--success-color: #52c41a;--error-color: #ff4d4f;--warning-color: #faad14;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--border-color: #d9d9d9;--bg-primary: #fff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa}body{margin:0;font-family:var(--font-family);background:var(--bg-secondary);color:var(--text-primary);overflow:hidden}#root{height:100vh;width:100vw;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in-up{animation:slideInUp .3s ease-out}