:root{--primary:#4da6ff;--primary-dark:#3399f0;--primary-light:#e8f0fe;--bg-main:#f8f9fa;--bg-sidebar:#264653;--bg-chat:#fff;--bg-input:#f5f5f5;--text-primary:#202124;--text-secondary:#5f6368;--text-light:#80868b;--border:#e0e0e0;--danger:#ff3b30;--danger-hover:#ff6b5e;--accent-teal:#2a9d8f;--warning:#e67e22;--success:#27ae60;--sidebar-hover:#ffffff1a;--sidebar-active:#ffffff2e;--sidebar-text:#fff;--sidebar-text-secondary:#95a5a6;--code-bg:#1e1e2e;--code-text:#cdd6f4;--code-border:#313244;--code-header-bg:#181825;--code-header-text:#cdd6f4;--code-btn-text:#bac2de;--code-btn-hover-bg:#ffffff14;--code-font-size:13px;--code-line-height:1.6;--code-radius:8px;--code-font:"JetBrains Mono", "Fira Code", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;--code-inline-bg:#e8e8e8;--code-inline-text:#d6336c;--bubble-user-bg:#edeae5;--bubble-user-text:#1a1a1a;--table-border:#ccc;--table-header-bg:#f5f5f5;--table-row-alt:#fafafa;--preview-bg:#f0f0f0;--preview-canvas-bg:#fff;--overlay-bg:#0006;--dropdown-bg:#fff;--tag-blue-bg:#e3f2fd;--tag-blue-text:#1976d2;--tag-green-bg:#e8f5e9;--tag-red-bg:#f8d7da;--tag-red-text:#721c24;--tag-green-text:#388e3c;--tag-purple-bg:#f3e5f5;--tag-purple-text:#7b1fa2;--tag-orange-bg:#fff3e0;--tag-orange-text:#f57c00;--z-base:0;--z-sticky:10;--input-area-h:64px;--toc-width:220px;--z-input:20;--z-sidebar:40;--z-toolbar:100;--z-dropdown:200;--z-overlay:500;--z-modal:510;--z-toast:9999;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--input-min-height:40px;--input-max-height:200px;--input-font-size:14px;--input-line-height:1.5;--input-padding-y:10px;--input-padding-x:12px;--space-xl:24px;--space-2xl:32px;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-md:13px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 20px #0000001f;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", "Menlo", "Consolas", monospace;--icon-wght:200;--icon-fill:0;--icon-grad:0;--icon-opsz:24;--status-active-bg:#d4edda;--status-active-text:#155726;--status-outdated-bg:#fff3cd;--status-outdated-text:#856404;--status-running-text:#f57c00;--avatar-bg:#7986cb;--avatar-text:#fff;--table-row-alt-bg:#fafafa;--text-muted:#666;--text-faded:#888;--border-hover:#999}:root.dark{--bg-main:#1a1a2e;--bg-sidebar:#0f3460;--bg-chat:#16213e;--bg-input:#1e2a45;--primary-light:#1a3050;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-light:#707070;--border:#333346;--primary:#4da6ff;--primary-dark:#3399f0;--accent-teal:#2a9d8f;--danger:#ff3b30;--danger-hover:#ff6b5e;--warning:#e67e22;--success:#27ae60;--sidebar-hover:#ffffff14;--sidebar-active:#ffffff26;--sidebar-text:#fff;--sidebar-text-secondary:#95a5a6;--bubble-user-bg:#2a2a4a;--bubble-user-text:#e0e0e0;--code-inline-bg:#313244;--code-inline-text:#f38ba8;--table-border:#444;--table-header-bg:#2a2a3e;--table-row-alt:#1a1a2e;--preview-bg:#1e2a45;--overlay-bg:#0009;--dropdown-bg:#1e2a45;--tag-blue-bg:#1a3050;--tag-blue-text:#64b5f6;--tag-green-bg:#1a3a1a;--tag-green-text:#81c784;--tag-purple-bg:#3a1a50;--tag-purple-text:#ba68c8;--tag-orange-bg:#3a2a0a;--tag-orange-text:#ffb74d;--status-active-bg:#1a3a1a;--status-active-text:#81c784;--status-outdated-bg:#3a3a0a;--status-outdated-text:#ffd54f;--status-running-text:#ffb74d;--avatar-bg:#5c6bc0;--avatar-text:#fff;--table-row-alt-bg:#1e2a45;--text-muted:#a0a0a0;--text-faded:#707070;--border-hover:#666}body{font-family:var(--font-family);background:var(--bg-main);color:var(--text-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0}*{box-sizing:border-box}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--text-base);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--bg-sidebar);color:var(--sidebar-text)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-ghost{color:var(--text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:#0000000d}.btn-cancel{background:var(--bg-input);color:var(--text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--border)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn-md{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.btn-icon-only{padding:var(--space-xs);border-radius:var(--radius-full);width:28px;height:28px}.btn-icon-only:hover{background:#00000014}.input{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--bg-input);font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);transition:var(--transition-fast);border:1px solid #0000}.input::placeholder{color:var(--text-light)}.input:focus{border-color:var(--accent-teal);background:var(--bg-chat);outline:none}textarea.input{resize:none;min-height:var(--input-min-height);max-height:var(--input-max-height);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);line-height:var(--input-line-height);-webkit-overflow-scrolling:touch;overflow-y:auto}.overlay{z-index:var(--z-overlay);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-chat);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:90vw;max-height:85vh;box-shadow:var(--shadow-lg);z-index:var(--z-modal);overflow-y:auto}.hover-show-parent{position:relative}.hover-show{opacity:0;transition:var(--transition-fast)}.hover-show-parent:hover .hover-show{opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.toast-container{top:var(--space-xl);z-index:var(--z-toast);align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);background:var(--bg-sidebar);color:var(--sidebar-text);font-size:var(--text-base);box-shadow:var(--shadow-md);animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}pre{padding:var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);background:#0000000f;overflow-x:auto}code{font-family:var(--font-mono);font-size:var(--text-sm)}.material-symbols-outlined{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-style:normal;font-weight:400;line-height:1;display:inline-block}.code-block{border-radius:var(--code-radius);border:1px solid var(--code-border);-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizelegibility;margin:8px 0;overflow:hidden}.code-header{background:var(--code-header-bg);color:var(--code-header-text);border-bottom:1px solid var(--code-border);justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.code-lang{opacity:.7;font-weight:500}.code-block pre{background:var(--code-bg);-webkit-overflow-scrolling:touch;margin:0;padding:12px 16px;overflow-x:auto}.code-block pre code{font-family:var(--code-font);font-size:var(--code-font-size);line-height:var(--code-line-height);color:var(--code-text);text-rendering:optimizelegibility;background:0 0;padding:0}.msg-actions{opacity:0;gap:4px;margin-top:4px;transition:opacity .15s;display:flex}.message:hover .msg-actions{opacity:1}.action-btn{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.action-btn:hover{background:#0000000f}.toc-nav{top:56px;right:0;bottom:var(--input-area-h,64px);width:var(--toc-width,220px);z-index:var(--z-sticky);background:var(--bg-main);flex-direction:column;display:flex;position:fixed}.toc-header{color:var(--text-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px 6px;font-size:12px;display:flex}.toc-title{font-weight:600}.toc-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.toc-list{flex:1;padding:0 12px 8px;overflow-y:auto}.toc-list::-webkit-scrollbar{width:3px}.toc-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.toc-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:4px 0 4px 8px;font-size:12px;line-height:1.5;overflow:hidden}.toc-item:hover{color:var(--text-primary);background:var(--bg-hover);border-radius:4px}.toc-item.active{color:var(--accent-teal);border-left-color:var(--accent-teal);font-weight:500}.toc-item.level-2{padding-left:20px}.toc-item.level-3{padding-left:32px}.toc-expand-btn{border:1px solid var(--border);background:var(--bg-chat);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);transition:var(--transition-fast);z-index:var(--z-sticky);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:60px;right:8px}.toc-expand-btn:hover{background:var(--bg-input);color:var(--text-primary)}@media (width<=768px){.toc-nav,.toc-expand-btn{display:none}}.code-actions{gap:2px;display:flex}.code-icon-btn{cursor:pointer;color:var(--code-btn-text);opacity:.7;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.code-icon-btn:hover{opacity:1;background:var(--code-btn-hover-bg)}.code-icon-btn .material-symbols-outlined{font-size:16px}.code-preview{background:var(--code-bg);-webkit-overflow-scrolling:touch;min-height:48px;padding:16px;overflow:auto}.code-preview svg{shape-rendering:geometricprecision;text-rendering:geometricprecision;max-width:100%;height:auto}.code-preview-frame{background:var(--preview-canvas-bg);border:none;border-radius:4px;width:100%;min-height:240px}.code-preview-svg{background:var(--preview-canvas-bg);border-radius:4px;padding:8px}.code-preview-svg svg{max-width:100%;height:auto}.code-preview .preview-md{color:var(--code-text);font-size:13px;line-height:1.7}.code-preview .preview-md h1,.code-preview .preview-md h2{border-bottom-color:var(--code-border)}.code-preview .preview-md a{color:var(--accent-teal)}.code-preview .preview-md code{color:var(--code-btn-text);background:#ffffff14;border-radius:3px;padding:1px 4px}.code-source{background:var(--code-bg);-webkit-overflow-scrolling:touch;margin:0;padding:12px 16px;overflow-x:auto}.code-source code{font-family:var(--code-font);font-size:var(--code-font-size);line-height:var(--code-line-height);color:var(--code-text)}.mermaid-loading{color:var(--code-btn-text);justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.mermaid-loading .spin{font-size:18px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-view{flex-direction:row;height:100%;display:flex;position:relative;overflow:hidden}.chat-view.drag-over:before{content:"";border:2px dashed var(--accent-teal);z-index:100;pointer-events:none;background:#2a9d8f1a;border-radius:12px;position:absolute;inset:0}:root{--content-max-width:768px;--content-padding:20px}.scroll-area{flex:1;min-width:0;padding:16px 0;overflow-y:auto}.scroll-area::-webkit-scrollbar{width:6px}.scroll-area::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.chat-box{max-width:var(--content-max-width);padding:0 var(--content-padding);margin:0 auto}.welcome-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.welcome-logo{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-title{color:var(--text-primary);margin:0;font-size:28px;font-weight:600}.welcome-subtitle{color:var(--text-light);margin:0;font-size:15px}.message{flex-direction:column;margin-bottom:20px;animation:.3s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.bubble{word-break:break-word;border-radius:18px;max-width:80%;padding:12px 16px;line-height:1.7}.bubble-user{background:var(--bubble-user-bg);color:var(--bubble-user-text);cursor:default;border-radius:18px 18px 4px}.bubble-ai{max-width:100%;color:var(--text-primary);background:0 0;border-radius:4px 18px 18px}.bubble-ai.streaming:after{content:"▊";color:var(--accent-teal);animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.streaming-tail{animation:.15s ease-out fadeInTail}@keyframes fadeInTail{0%{opacity:.6}to{opacity:1}}.bubble-ai.streaming{content-visibility:auto;contain-intrinsic-size:auto 200px;contain:layout style paint}.message-ai{width:100%;max-width:100%}.message-ai .msg-actions,.message-ai .msg-meta{align-self:flex-start;margin-left:0}.message-ai .msg-time{color:var(--text-light);font-size:11px}.tool-timeline{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;max-width:100%;margin:6px 0 10px;font-size:12px;overflow:hidden}.tool-timeline[open]{max-height:300px;padding:8px 12px;overflow-y:auto}.tool-summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-light);white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:12px;list-style:none;display:flex;overflow:hidden}.tool-summary::-webkit-details-marker{display:none}.tool-summary>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool-summary-hint{color:var(--warning);flex-shrink:0;margin-left:auto;font-size:10px;animation:1.5s infinite blink}.tool-event{border-bottom:1px solid #80808014;align-items:center;gap:8px;min-width:0;padding:4px 0;display:flex}.tool-event:last-child{border-bottom:none}.tool-event.result{color:var(--text-light)}.tool-event .tool-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tool-event.call .tool-icon{background:#ffa5001f}.tool-event.result .tool-icon{background:#00c8641f}.tool-event .tool-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tool-event .tool-status{text-transform:uppercase;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px}.tool-status.running{color:var(--warning);background:#ffa50033}.tool-status.done{color:var(--success);background:#00c86426}.tool-status.error{color:var(--danger);background:#ff00001a}.tool-event .tool-time{color:var(--text-light);opacity:.6;text-align:right;flex-shrink:0;min-width:48px;font-size:10px}.bubble .chat-img{cursor:pointer;border-radius:10px;max-width:220px;max-height:220px;margin-bottom:8px;display:block}.bubble .file-tag{background:#0000000f;border-radius:12px;align-items:center;gap:4px;margin-bottom:6px;margin-right:4px;padding:4px 10px;font-size:13px;display:inline-flex}.bubble-ai p{margin:.5em 0}.bubble-ai h1{border-bottom:1px solid var(--border);margin:1em 0 .5em;padding-bottom:.3em;font-size:1.4em}.bubble-ai h2{border-bottom:1px solid var(--border);margin:1em 0 .5em;padding-bottom:.2em;font-size:1.2em}.bubble-ai h3{margin:1em 0 .5em;font-size:1.1em}.bubble-ai ul,.bubble-ai ol{margin:.5em 0;padding-left:2em}.bubble-ai blockquote{border-left:3px solid var(--border);color:var(--text-light);margin:.5em 0;padding-left:12px}.bubble-ai table{border-collapse:collapse;width:100%;margin:.5em 0;font-size:.92em}.bubble-ai th{border:1px solid var(--table-border);background:var(--table-header-bg);text-align:left;padding:6px 12px;font-weight:600}.bubble-ai td{border:1px solid var(--table-border);padding:6px 12px}.bubble-ai tr:nth-child(2n) td{background:var(--table-row-alt)}.bubble-ai pre code{font-family:var(--code-font);font-size:var(--code-font-size);color:var(--code-text)}.bubble-ai :deep(code:not(pre code)){background:var(--code-inline-bg);color:var(--code-inline-text);font-family:var(--code-font);border-radius:4px;padding:1px 5px;font-size:.9em}.bubble-ai .mermaid-wrapper{text-align:center;margin:8px 0}.bubble-ai .mermaid svg{shape-rendering:geometricprecision;max-width:100%;height:auto}.thinking-indicator{color:var(--text-light);align-items:center;gap:3px;padding:12px 16px;font-size:13px;display:flex}.thinking-indicator .dot{background:var(--text-light);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite dotPulse}.thinking-indicator .dot:nth-child(3){animation-delay:.2s}.thinking-indicator .dot:nth-child(4){animation-delay:.4s}.streaming-indicator{color:var(--text-light);align-items:center;gap:4px;margin-bottom:4px;padding:6px 0;font-size:12px;display:flex}.streaming-indicator .think-text{margin-right:4px}.streaming-indicator .dot{background:var(--accent-teal);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite dotPulse}.streaming-indicator .dot:nth-child(2){animation-delay:.2s}.streaming-indicator .dot:nth-child(3){animation-delay:.4s}.streaming-indicator .elapsed-time{font-family:var(--font-mono);color:var(--accent-teal);margin-left:8px;font-weight:500}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.scroll-btns-float{right:calc(50% - var(--content-max-width) / 2 + var(--space-xs));bottom:calc(var(--input-area-h,64px) + var(--space-sm));gap:var(--space-sm);z-index:var(--z-toolbar);flex-direction:column;display:flex;position:absolute}@media (width<=900px){.scroll-btns-float{right:var(--space-xs)}}.scroll-btn{background:var(--bg-chat);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.scroll-btn:hover{background:var(--bg-input);color:var(--text-primary)}.file-link{color:var(--accent-teal);cursor:pointer;border-bottom:1px dashed var(--accent-teal);border-radius:2px;padding:0 2px;text-decoration:none;transition:background .15s}.file-link:hover{background:#2a9d8f1a}.input-area{z-index:var(--z-input);background:var(--bg-main);border-top:1px solid #0000;flex-shrink:0}.input-inner{max-width:var(--content-max-width);padding:8px var(--content-padding) 12px;margin:0 auto;position:relative}.preview-bar{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.preview-item{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.preview-img{object-fit:cover;border-radius:6px;width:48px;height:48px}.preview-file{align-items:center;gap:6px;display:flex}.file-icon{font-size:20px}.file-info{flex-direction:column;display:flex}.file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.file-size{color:var(--text-light);font-size:11px}.upload-progress{background:#0000001a;border-radius:0 0 8px 8px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.progress-bar{background:var(--accent-teal);height:100%;transition:width .3s}.preview-remove{background:var(--danger);border:2px solid var(--bg-chat);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px}.input-container{background:var(--bg-input);transition:var(--transition-fast);border:1px solid #0000;border-radius:24px;flex-direction:column;padding:4px 8px;display:flex}.input-container:focus-within{border-color:var(--accent-teal);background:var(--bg-chat)}.action-row{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.action-left{align-items:center;gap:4px;display:flex}.action-right{align-items:center;display:flex}textarea.input{resize:none;width:100%;min-height:var(--input-min-height);max-height:var(--input-max-height);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);line-height:var(--input-line-height);font-family:var(--font-family);color:var(--text-primary);-webkit-overflow-scrolling:touch;background:0 0;border:none;outline:none;overflow-y:auto}.tool-btn{cursor:pointer;padding:var(--space-sm);transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-btn:hover{background:var(--bg-hover)}.send-btn{background:var(--text-light);color:var(--bg-chat)}.send-btn:not(:disabled){background:var(--accent-teal)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.stop-btn{background:var(--danger)!important}.stop-btn:hover{background:var(--danger-hover)!important}.mode-switcher{gap:2px;margin-left:4px;display:flex}.mode-option{color:var(--text-light);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.mode-option.active{color:var(--accent-teal);background:#2a9d8f1a}.mode-option:hover:not(.active){background:#0000000d}.mode-option.disabled,.mode-option[disabled]{opacity:.4;cursor:not-allowed;color:var(--text-light);background:0 0}.mode-option.disabled:hover,.mode-option[disabled]:hover{background:0 0}.loading-more{color:var(--text-light);justify-content:center;align-items:center;gap:4px;padding:12px;font-size:12px;display:flex}.loading-more .dot{background:var(--text-light);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.loading-more .dot:nth-child(2){animation-delay:.2s}.loading-more .dot:nth-child(3){animation-delay:.4s}.skeleton{background:linear-gradient(90deg, var(--bg-input,#f0f0f0) 25%, var(--bg-hover,#e0e0e0) 50%, var(--bg-input,#f0f0f0) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.skeleton-line{border-radius:4px;height:14px;margin:8px 0}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-bubble{border-radius:12px;margin:8px 0;padding:12px 16px}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px}.skeleton-msg{align-items:flex-start;gap:8px;margin:16px 0;display:flex}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-text{margin-left:4px}@media (width<=768px){.scroll-area{padding:12px var(--space-sm)}.scroll-btns-float{right:var(--space-xs)}.bubble{max-width:95%;font-size:14px}.input-inner{padding:8px var(--space-sm) 12px}.chat-box{padding:0 var(--space-sm)}.input-container{border-radius:16px}.mode-label{display:none}.mode-option{padding:4px 6px}}.info-hint{color:var(--text-light);background:var(--bg-input);border-radius:var(--radius-md,8px);align-items:flex-start;gap:6px;margin-bottom:12px;padding:8px 12px;font-size:12px;line-height:1.6;display:flex}.info-hint .material-symbols-outlined{flex-shrink:0;margin-top:1px}.info-hint span{text-align:left;flex:1}:root.dark .bubble-user{background:var(--bubble-user-bg)!important;color:var(--bubble-user-text)!important}:root.dark .bubble-ai th{background:var(--table-header-bg)!important;border-color:var(--table-border)!important}:root.dark .bubble-ai td{border-color:var(--table-border)!important}:root.dark .bubble-ai tr:nth-child(2n) td{background:var(--table-row-alt)!important}:root.dark .preview-code{background:var(--code-bg)!important;color:var(--code-text)!important}:root.dark .preview-inline-code{background:var(--code-inline-bg)!important;color:var(--code-inline-text)!important}:root.dark .stop-btn{background:var(--danger)!important}:root.dark .stop-btn:hover{background:var(--danger-hover)!important}:root.dark .engine-tag.openclaw,:root.dark .engine-badge.openclaw{background:var(--tag-blue-bg)!important;color:var(--tag-blue-text)!important}:root.dark .engine-tag.hermes,:root.dark .engine-badge.hermes{background:var(--tag-purple-bg)!important;color:var(--tag-purple-text)!important}:root.dark .engine-tag.direct,:root.dark .engine-badge.chatbot{background:var(--tag-green-bg)!important;color:var(--tag-green-text)!important}:root.dark .task-status.running{color:var(--tag-orange-text)!important;background:var(--tag-orange-bg)!important}:root.dark .profile-avatar{background:var(--avatar-bg-dark,#5c6bc0)!important}:root.dark .tag.official,:root.dark .item-badge.vision{background:var(--tag-green-bg)!important;color:var(--tag-green-text)!important}:root.dark .tag.proxy{background:var(--tag-purple-bg)!important;color:var(--tag-purple-text)!important}:root.dark .item-badge.official{background:var(--tag-orange-bg)!important;color:var(--tag-orange-text)!important}:root.dark .file-item{background:var(--bg-input)!important}:root.dark ::-webkit-scrollbar-track{background:var(--bg-main)}:root.dark ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark,#446)}:root.dark ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-dark,#557)}:root.dark .overlay{background:var(--overlay-bg)!important}:root.dark .dropdown-trigger{background:var(--dropdown-bg)!important;border-color:var(--border)!important}:root.dark .dropdown-trigger.open{border-color:var(--primary)!important}:root.dark .upload-menu{background:var(--dropdown-bg)!important;border-color:var(--border)!important;box-shadow:0 4px 12px #0000004d!important}:root.dark .upload-menu-item:hover{background:var(--sidebar-hover)!important}:root.dark .preview-md :deep(th){background:var(--bg-input)!important;border-color:var(--border)!important}:root.dark .preview-md :deep(tr:nth-child(even) td){background:#ffffff08!important}:root.dark .preview-md :deep(td){border-color:var(--border)!important}:root.dark .card-badge.active{background:var(--tag-green-bg)!important;color:var(--tag-green-text)!important}:root.dark .card-badge.outdated{background:var(--tag-orange-bg)!important;color:var(--tag-orange-text)!important}:root.dark .card-badge.deleted{background:var(--tag-red-bg)!important;color:var(--tag-red-text)!important}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}