:root,:root.theme-light{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f7fafc;--bg-hover:#f7fafc;--bg-input:#fff;--text-primary:#2d3748;--text-secondary:#4a5568;--text-tertiary:#718096;--text-muted:#a0aec0;--border-primary:#e2e8f0;--border-secondary:#cbd5e0;--brand-primary:#4299e1;--brand-primary-hover:#3182ce;--brand-primary-light:#ebf8ff;--color-success:#48bb78;--color-success-light:#f0fff4;--color-warning:#ed8936;--color-warning-light:#fef5e7;--color-error:#f56565;--color-error-light:#fed7d7;--color-info:#4299e1;--btn-secondary-bg:#e2e8f0;--btn-secondary-text:#4a5568;--btn-secondary-hover:#cbd5e0;--user-message-bg:#4299e1;--user-message-text:#fff;--ai-message-bg:#fff;--ai-message-text:#2d3748;--ai-message-border:#e2e8f0;--code-bg:#f7fafc;--code-border:#e2e8f0;--code-inline-bg:#0000000d;--code-inline-border:#0000001a;--code-inline-text:#e53e3e;--tool-bg:#f7fafc;--tool-border:#e2e8f0;--tool-active-bg:#ebf8ff;--tool-active-border:#4299e1;--thinking-bg:linear-gradient(135deg, #f6f9fc 0%, #edf2f7 100%);--thinking-border:#e2e8f0;--thinking-content-bg:#74a2fb0d;--thinking-content-border:#74a2fb26;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 4px 12px #0000001a;--scrollbar-track:#f7fafc;--scrollbar-thumb:#cbd5e0;--scrollbar-thumb-hover:#a0aec0}:root.theme-dark{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--bg-hover:#2d3748;--bg-input:#2d3748;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e0;--text-muted:#a0aec0;--border-primary:#4a5568;--border-secondary:#718096;--brand-primary:#63b3ed;--brand-primary-hover:#4299e1;--brand-primary-light:#2c5282;--color-success:#68d391;--color-success-light:#2f855a;--color-warning:#f6ad55;--color-warning-light:#c05621;--color-error:#fc8181;--color-error-light:#c53030;--color-info:#63b3ed;--btn-secondary-bg:#4a5568;--btn-secondary-text:#e2e8f0;--btn-secondary-hover:#718096;--user-message-bg:#3182ce;--user-message-text:#fff;--ai-message-bg:#2d3748;--ai-message-text:#f7fafc;--ai-message-border:#4a5568;--code-bg:#1a202c;--code-border:#4a5568;--code-inline-bg:#ffffff1a;--code-inline-border:#fff3;--code-inline-text:#fc8181;--tool-bg:#2d3748;--tool-border:#4a5568;--tool-active-bg:#2c5282;--tool-active-border:#63b3ed;--thinking-bg:linear-gradient(135deg, #2d3748 0%, #1a202c 100%);--thinking-border:#4a5568;--thinking-content-bg:#63b3ed1a;--thinking-content-border:#63b3ed33;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0003;--shadow-lg:0 4px 12px #0000004d;--scrollbar-track:#2d3748;--scrollbar-thumb:#4a5568;--scrollbar-thumb-hover:#718096}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}.app-container{flex-direction:column;max-width:1440px;height:100vh;margin:0 auto;transition:padding-left .2s,padding-right .2s;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-primary);z-index:950;width:260px;padding-top:68px;transition:transform .2s,background-color .3s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.sidebar.open{transform:translate(0)}.app-container.sidebar-open{padding-right:260px}.sidebar-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:951;justify-content:space-between;align-items:center;width:260px;height:68px;padding:0 12px;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:auto;right:0}.sidebar-content{height:100%;padding:12px;overflow-y:auto}.thread-item{border:1px solid var(--border-primary);cursor:pointer;border-radius:8px;margin-bottom:8px;padding:8px 10px;transition:background-color .2s,border-color .3s}.thread-item:hover{background:var(--bg-hover)}.thread-item .title{color:var(--text-primary);font-size:.9rem;font-weight:600}.thread-item .meta{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:4px;font-size:.75rem;display:flex}.thread-item .delete-icon{color:var(--color-error);cursor:pointer;border-radius:6px;margin-left:8px;padding:2px 6px;transition:background-color .2s}.thread-item .delete-icon:hover{background:var(--color-error-light)}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);min-height:auto;box-shadow:var(--shadow-sm);flex-shrink:0;padding:.75rem 2.5rem;transition:background-color .3s,border-color .3s}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0 auto;display:flex}.app-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;transition:color .3s}.header-actions{align-items:center;gap:1rem;display:flex}.model-switcher{position:relative}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-primary);min-width:220px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;transition:background-color .3s,border-color .3s;position:absolute;top:36px;left:0}.dropdown-menu .dropdown-item{cursor:pointer;color:var(--text-primary);padding:8px 12px;transition:background-color .2s,color .3s}.dropdown-menu .dropdown-item:hover{background:var(--bg-hover)}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#4299e1}.btn-primary:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px #4299e14d}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);transition:all .2s,background-color .3s,color .3s}.btn-secondary:hover{background:var(--btn-secondary-hover);transform:translateY(-1px)}.status-indicator{color:var(--text-tertiary);align-items:center;gap:.5rem;font-size:.875rem;transition:color .3s;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;transition:all .3s}.status-dot.online{background:#48bb78;box-shadow:0 0 0 2px #48bb784d}.status-dot.offline{background:#f56565;box-shadow:0 0 0 2px #f565654d}.status-dot.connecting{background:#ed8936;animation:1.5s infinite pulse;box-shadow:0 0 0 2px #ed89364d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-container{flex-direction:column;flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:0 1.5rem;display:flex;overflow:hidden}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem 0 1.5rem;display:flex;overflow-y:auto}.chat-messages:has(.welcome-message:not([style*="display: none"])){justify-content:center}.welcome-message{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:1rem;margin:2rem 0;padding:3rem 2rem;transition:background-color .3s,border-color .3s}.welcome-icon{margin-bottom:1rem;font-size:3rem}.welcome-message h2{color:var(--text-primary);margin-bottom:1rem;font-weight:600;transition:color .3s}.welcome-message p{color:var(--text-tertiary);margin-bottom:.5rem;line-height:1.6;transition:color .3s}.message{opacity:0;margin-bottom:1rem;animation:.3s forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.ai{justify-content:flex-start}.message-bubble{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;border-radius:1rem;max-width:75%;padding:1rem 1.25rem;line-height:1.5;position:relative}.message.user .message-bubble{background:var(--user-message-bg);color:var(--user-message-text);box-shadow:var(--shadow-sm);border-bottom-right-radius:.25rem;transition:background-color .3s,color .3s}.message.ai .message-bubble{background:var(--ai-message-bg);color:var(--ai-message-text);border:1px solid var(--ai-message-border);box-shadow:var(--shadow-sm);border-bottom-left-radius:.25rem;transition:background-color .3s,color .3s,border-color .3s}.message-timestamp{color:var(--text-muted);text-align:right;margin-top:.25rem;font-size:.75rem;transition:color .3s}.message.ai .message-timestamp{text-align:left}.ai-cursor{color:#4299e1;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.tool-status{background:#fef5e7;border:1px solid #f6ad55;border-radius:.75rem;align-items:center;gap:.75rem;max-width:100%;margin:.5rem 0;padding:1rem;display:flex;overflow:hidden;box-shadow:0 1px 3px #f6ad5533}.tool-session{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin:1rem 0;transition:all .3s;overflow:hidden;box-shadow:0 2px 4px #0000001a}.tool-session.completed{background:#f0fff4;border-color:#48bb78}.tool-session.collapsed .tool-session-content{display:none}.tool-session-header{cursor:pointer;background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.tool-session.completed .tool-session-header{background:#f0fff4;border-bottom-color:#c6f6d5}.tool-session-title{color:#2d3748;align-items:center;gap:.75rem;font-weight:600;display:flex}.tool-session-icon{font-size:1.125rem}.tool-session-count{color:#fff;background:#4299e1;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.tool-session-toggle{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:all .2s}.tool-session-toggle:hover{color:#2d3748;background:#e2e8f0}.toggle-icon{font-size:.875rem;transition:transform .2s}.tool-session-content{padding:1rem 1.25rem}.tool-session-progress{background:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.progress-text{color:#4a5568;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.progress-bar{background:#e2e8f0;border-radius:.25rem;width:100%;height:.5rem;overflow:hidden}.progress-fill{background:#4299e1;border-radius:.25rem;width:0%;height:100%;transition:all .3s}.tool-list{flex-direction:column;gap:.75rem;display:flex}.tool-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;transition:all .3s}.tool-item.executing{background:#ebf8ff;border-color:#4299e1}.tool-item.completed{background:#f0fff4;border-color:#48bb78}.tool-item.error{background:#fed7d7;border-color:#f56565}.tool-item-header{align-items:center;gap:.75rem;margin-bottom:.5rem;font-weight:500;display:flex}.tool-status{flex-shrink:0;font-size:1rem}.tool-name{color:#2d3748;flex:1;font-size:.875rem}.tool-progress,.tool-size{color:#718096;background:#7180961a;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem}.tool-item-details{color:#718096;margin-bottom:.5rem;font-size:.75rem}.tool-args{word-break:break-all;background:#f7fafc;border-radius:.25rem;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tool-item-result{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;background:#f7fafc;border:1px solid #e2e8f0;border-radius:.375rem;max-height:300px;padding:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;transition:all .3s;overflow-y:auto}.tool-item-result.collapsible{cursor:pointer;max-height:60px}.tool-item-result.collapsed{max-height:60px;overflow:hidden}.tool-item-result.error-content{color:#e53e3e;background:#fed7d7;border-color:#feb2b2}.tool-result-toggle{color:#718096;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:all .2s;display:flex}.tool-result-toggle:hover{color:#4a5568;background:#f7fafc;border-color:#cbd5e0}.tool-spinner{border:2px solid #4299e1;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tool-result{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;background:#f0fff4;border:1px solid #68d391;border-radius:.75rem;margin:.5rem 0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;transition:all .3s;position:relative;box-shadow:0 1px 3px #68d39133}.tool-result-header{color:#2d3748;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;display:flex}.tool-result-meta{align-items:center;gap:.5rem;display:flex}.tool-result-status{align-items:center;gap:.25rem;font-size:.875rem;display:flex}.tool-result-toggle:hover{color:#fff;background:#38a169;transform:translateY(-1px);box-shadow:0 2px 4px #38a16933}.tool-result-toggle-icon{font-size:.625rem;transition:transform .2s}.tool-result.collapsed .tool-result-toggle-icon{transform:rotate(-90deg)}.chat-input-container{background:0 0;flex-shrink:0;padding:.5rem 0 1rem}.chat-input-wrapper{background:var(--bg-input);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-radius:1rem;align-items:center;gap:.75rem;min-height:auto;padding:.75rem 1.25rem;transition:box-shadow .2s,background-color .3s,border-color .3s;display:flex;position:relative}.attach-chips{flex-wrap:wrap;gap:.5rem;max-width:50%;display:flex}.attach-chip{color:#2d3748;background:#edf2f7;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.attach-chip-del{color:#718096;cursor:pointer;background:0 0;border:none;font-size:.9rem;line-height:1}.chat-input-wrapper:focus-within{border-color:#4299e1;box-shadow:0 4px 20px #4299e133}#messageInput{resize:none;width:100%;min-width:0;min-height:1.5rem;max-height:120px;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;background:0 0;border:none;flex:1 1 0;padding:0;font-family:inherit;font-size:1rem;line-height:1.5;transition:color .3s;overflow-y:auto}#messageInput:focus{outline:none}#messageInput::placeholder{color:var(--text-muted);transition:color .3s}.send-btn{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:.5rem;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px #4299e166}.send-btn:disabled{color:#a0aec0;cursor:not-allowed;box-shadow:none;background:#e2e8f0;transform:none}.send-icon{font-size:1.1rem}.input-hint{color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.75rem;transition:color .3s}.chat-messages::-webkit-scrollbar{width:6px}.tool-result::-webkit-scrollbar{width:6px}.tool-result-content::-webkit-scrollbar{width:6px}#messageInput::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.tool-result::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.tool-result-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}#messageInput::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.tool-result::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.tool-result-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}#messageInput::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tool-result::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tool-result-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#messageInput::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (width<=768px){.header{height:auto;padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{flex-wrap:wrap}.chat-container{padding:0 1rem}.message-bubble{max-width:90%}.app-title{font-size:1.25rem}#messageInput{max-height:100px}.chat-input-wrapper{flex-direction:row;gap:.5rem}.send-btn{border-radius:.75rem;align-self:center;width:44px;height:44px;padding:0}.input-hint{font-size:.625rem}.tool-result{max-height:300px;font-size:.8rem}}.tool-result pre{white-space:pre-wrap;word-break:break-word;margin:0}.tool-result table{border-collapse:collapse;background:#fff;width:100%;margin:.5rem 0;font-size:.8rem}.tool-result th,.tool-result td{text-align:left;border:1px solid #e2e8f0;padding:.5rem}.tool-result th{color:#2d3748;background:#f7fafc;font-weight:600}.message-bubble h1,.message-bubble h2,.message-bubble h3,.message-bubble h4,.message-bubble h5,.message-bubble h6{margin:.5rem 0;font-weight:600;line-height:1.25}.message-bubble h1{color:#2d3748;font-size:1.5rem}.message-bubble h2{color:#2d3748;font-size:1.25rem}.message-bubble h3{color:#2d3748;font-size:1.125rem}.message-bubble h4{color:#2d3748;font-size:1rem}.message-bubble h5{color:#2d3748;font-size:.9rem}.message-bubble h6{color:#2d3748;font-size:.85rem}.message-bubble strong{color:#2d3748;font-weight:600}.message-bubble em{color:#4a5568;font-style:italic}.message-bubble code{background:var(--code-inline-bg);color:var(--code-inline-text);border:1px solid var(--code-inline-border);border-radius:.25rem;padding:.125rem .25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;transition:background-color .3s,color .3s,border-color .3s}.message-bubble pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:.5rem;margin:.5rem 0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;transition:background-color .3s,border-color .3s;overflow-x:auto}.message-bubble pre code{color:var(--text-primary);font-size:inherit;background:0 0;border:none;padding:0}.message-bubble ul,.message-bubble ol{margin:.5rem 0;padding-left:1.5rem}.message-bubble li{margin:.25rem 0;line-height:1.5}.message-bubble blockquote{color:#4a5568;background:#4299e10d;border-left:4px solid #4299e1;margin:.5rem 0;padding:.5rem 1rem;font-style:italic}.message-bubble a{color:#4299e1;text-decoration:underline}.message-bubble a:hover{color:#3182ce}.message-bubble table{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:.875rem}.message-bubble th,.message-bubble td{border:1px solid var(--border-primary);text-align:left;padding:.5rem;transition:border-color .3s}.message-bubble th{background:var(--code-bg);color:var(--text-primary);font-weight:600;transition:background-color .3s,color .3s}.message-bubble hr{border:none;border-top:2px solid var(--border-primary);margin:1rem 0;transition:border-color .3s}.message.user .message-bubble h1,.message.user .message-bubble h2,.message.user .message-bubble h3,.message.user .message-bubble h4,.message.user .message-bubble h5,.message.user .message-bubble h6,.message.user .message-bubble strong{color:#fff}.message.user .message-bubble code{color:#bee3f8;background:#fff3;border-color:#ffffff4d}.message.user .message-bubble pre{background:#0000001a;border-color:#ffffff4d}.message.user .message-bubble pre code{color:#fff}.message.user .message-bubble blockquote{color:#bee3f8;background:#ffffff1a;border-left-color:#bee3f8}.message.user .message-bubble a{color:#bee3f8}.message.user .message-bubble th{color:#fff;background:#ffffff1a}.message.user .message-bubble th,.message.user .message-bubble td{border-color:#ffffff4d}.message.user .message-bubble hr{border-top-color:#ffffff4d}.msg-actions{gap:6px;margin-top:8px;display:flex}.msg-actions .copy-btn,.msg-actions .edit-btn{color:#f0f9ff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:background .2s,transform .1s,box-shadow .2s}.message.ai .msg-actions .copy-btn,.message.ai .msg-actions .edit-btn{color:#4a5568;background:#f7fafc;border:1px solid #e2e8f0}.msg-actions .copy-btn:hover,.msg-actions .edit-btn:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.message.ai .msg-actions .copy-btn:hover,.message.ai .msg-actions .edit-btn:hover{background:#edf2f7}.thinking-flow{background:linear-gradient(135deg,#f6f9fc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-radius:1rem;flex-shrink:0;align-self:flex-start;width:100%;max-width:75%;margin:1rem 0;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #0000000d}.thinking-flow-header{cursor:pointer;background:#4299e10d;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background-color .2s;display:flex}.thinking-mini-progress{background:#e2e8f0;border-radius:4px;flex:1;height:4px;margin:0 8px;overflow:hidden}.thinking-mini-progress .bar{background:#4299e1;width:0;height:100%;transition:width .3s;display:block}.thinking-flow-header:hover{background:#4299e114}.thinking-flow-header.completed{background:#48bb780d;border-bottom-color:#c6f6d5}.thinking-flow-header.error{background:#f565650d;border-bottom-color:#fed7d7}.thinking-flow-title{color:#2d3748;align-items:center;gap:.75rem;font-weight:600;display:flex}.thinking-icon{font-size:1.125rem;animation:2s ease-in-out infinite thinking-pulse}@keyframes thinking-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.thinking-text{color:#4a5568;font-size:.875rem}.thinking-flow-toggle{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;transition:all .2s;display:flex}.thinking-flow-toggle:hover{color:#2d3748;background:#7180961a}.thinking-flow-content{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;max-height:400px;padding:1.25rem;transition:max-height .3s,padding .3s;overflow:hidden auto}.thinking-flow-content[style*="max-height: none"]{overflow-y:visible;max-height:none!important}.thinking-flow-content::-webkit-scrollbar{width:6px}.thinking-flow-content::-webkit-scrollbar-track{background:0 0}.thinking-flow-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.thinking-flow-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.thinking-flow.collapsed .thinking-flow-content{max-height:0;padding:0 1.25rem}.thinking-stages{flex-direction:column;gap:1rem;display:flex}.thinking-stage{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:.75rem;transition:all .3s;display:flex;position:relative}.thinking-stage.active{background:#ebf8ff;border-color:#4299e1;box-shadow:0 2px 4px #4299e11a}.thinking-stage.completed{background:#f0fff4;border-color:#48bb78}.stage-icon{background:#f7fafc;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.thinking-stage.active .stage-icon{background:#ebf8ff;border-color:#4299e1}.thinking-stage.completed .stage-icon{background:#f0fff4;border-color:#48bb78}.thinking-spinner{border:2px solid #4299e1;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.stage-check{color:#48bb78;font-size:1rem;font-weight:700}.stage-number{color:#fff;background:#4299e1;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:600}.stage-content{flex:1;min-width:0}.stage-title{color:#2d3748;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.stage-detail{color:#718096;font-size:.75rem;line-height:1.4}.tools-container{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.thinking-tool{background:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.tool-header{align-items:center;gap:.75rem;display:flex}.thinking-tool.executing{background:#ebf8ff;border-color:#4299e1}.thinking-tool.completed{background:#f0fff4;border-color:#48bb78}.thinking-tool.error{background:#fed7d7;border-color:#f56565}.tool-icon{background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.thinking-tool.executing .tool-icon{border-color:#4299e1}.thinking-tool.completed .tool-icon{border-color:#48bb78}.thinking-tool.error .tool-icon{border-color:#f56565}.tool-spinner{border:2px solid #4299e1;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}.tool-check{color:#48bb78;font-size:.75rem;font-weight:700}.tool-error{color:#f56565;font-size:.75rem;font-weight:700}.tool-info{flex:1;min-width:0}.tool-name{color:#2d3748;margin-bottom:.125rem;font-size:.75rem;font-weight:500}.tool-progress{color:#718096;font-size:.75rem}.thinking-content{background:#74a2fb0d;border:1px solid #74a2fb26;border-left:3px solid #74a2fb;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.ai-thinking-text{color:#4a5568;margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.ai-thinking-text:last-child{margin-bottom:0}.ai-thinking-text p{margin:0 0 .5rem}.ai-thinking-text p:last-child{margin-bottom:0}.ai-thinking-text code{background:#74a2fb1a;border-radius:.25rem;padding:.125rem .25rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace;font-size:.8rem}.ai-thinking-text strong{color:#2d3748;font-weight:600}.thinking-cursor{color:#74a2fb;font-weight:700;animation:1s infinite blink}.tool-result-header{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem 0;display:flex}.tool-result-size{color:#718096;background:#7180961a;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem}.tool-result-toggle{color:#4299e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.tool-result-toggle:hover{background:#ebf8ff;border-color:#bee3f8}.tool-result-content{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;max-height:300px;padding:.75rem;transition:max-height .3s,padding .3s,opacity .3s;overflow-y:auto}.tool-result-content.collapsed{opacity:0;border-width:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.tool-result-content.error-text{color:#c53030;background-color:#fff5f5;border-color:#fed7d7;padding:.75rem}.thinking-flow *{word-wrap:break-word;overflow-wrap:break-word}@media (width<=768px){.thinking-flow-header{padding:.75rem 1rem}.thinking-flow{max-width:90%}.thinking-flow-content{-webkit-overflow-scrolling:touch;max-height:300px;padding:1rem}.thinking-stage{gap:.75rem;padding:.5rem}.thinking-flow.collapsed .thinking-flow-content{padding:0 1rem}.thinking-flow-content::-webkit-scrollbar{background:0 0;width:0}}.theme-toggle-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-width:44px;transition:all .2s;display:inline-flex;padding:.5rem .75rem!important;font-size:1.25rem!important}.theme-toggle-btn:hover{transform:translateY(-1px)scale(1.05)}.theme-toggle-btn:active{transform:translateY(0)scale(.95)}