*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);background:var(--bg);line-height:1.5}a{color:var(--accent-info);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:1px solid var(--border);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root{--bg: #0c0f15;--bg-panel: #111520;--bg-card: #161b28;--bg-elevated: #1c2233;--bg-hover: #1a2030;--bg-input: #0e121a;--bg-overlay: rgba(4, 6, 12, .85);--surface: #161b28;--border: #1c2538;--border-strong: #283348;--border-hover: #3a4e66;--text: #c0cad4;--text-strong: #eaeef2;--text-muted: #6a7a8e;--text-dim: #3e4e60;--text-inverse: #0c0f15;--accent: #e04040;--accent-hover: #f05050;--accent-dim: rgba(224, 64, 64, .14);--accent-glow: rgba(224, 64, 64, .3);--accent-info: #4da6ff;--accent-info-dim: rgba(77, 166, 255, .12);--accent-ok: #34d058;--accent-ok-dim: rgba(52, 208, 88, .12);--accent-warn: #f0a030;--accent-warn-dim: rgba(240, 160, 48, .12);--accent-danger: #e04040;--accent-danger-dim: rgba(224, 64, 64, .12);--led-ok: #34d058;--led-ok-glow: rgba(52, 208, 88, .5);--led-warn: #f0a030;--led-warn-glow: rgba(240, 160, 48, .5);--led-danger: #e04040;--led-danger-glow: rgba(224, 64, 64, .5);--led-off: #3e4e60;--led-off-glow: transparent;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Menlo", "Consolas", "Liberation Mono", "Courier New", monospace;--font-heading: var(--font-body);--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px var(--accent-glow);--shadow-card: 0 1px 4px rgba(0, 0, 0, .3), 0 0 1px rgba(255, 255, 255, .04) inset;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-normal: .2s;--dur-slow: .35s;--sidebar-width: 220px;--sidebar-collapsed: 56px;--header-height: 48px;--chat-max-width: 860px}[data-theme=light]{--bg: #f5f6f8;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-elevated: #f0f1f4;--bg-hover: #ebedf0;--bg-input: #f8f9fa;--bg-overlay: rgba(0, 0, 0, .4);--surface: #ffffff;--border: #e0e3e8;--border-strong: #ccd0d8;--border-hover: #b0b8c4;--text: #3a3f4a;--text-strong: #1a1e26;--text-muted: #6b7280;--text-dim: #9ca3af;--text-inverse: #ffffff;--accent: #dc2626;--accent-hover: #ef4444;--accent-dim: rgba(220, 38, 38, .08);--accent-glow: rgba(220, 38, 38, .15);--accent-info: #2563eb;--accent-info-dim: rgba(37, 99, 235, .08);--accent-ok: #16a34a;--accent-ok-dim: rgba(22, 163, 74, .08);--accent-warn: #d97706;--accent-warn-dim: rgba(217, 119, 6, .08);--accent-danger: #dc2626;--accent-danger-dim: rgba(220, 38, 38, .08);--led-ok: #16a34a;--led-ok-glow: rgba(22, 163, 74, .3);--led-warn: #d97706;--led-warn-glow: rgba(217, 119, 6, .3);--led-danger: #dc2626;--led-danger-glow: rgba(220, 38, 38, .3);--led-off: #9ca3af;--led-off-glow: transparent;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 16px rgba(220, 38, 38, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .04)}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar content";height:100vh;height:100dvh;overflow:hidden;min-height:0}.sidebar{grid-area:sidebar;grid-row:1 / -1;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:20;height:100vh;height:100dvh}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border);height:var(--header-height);flex-shrink:0}.sidebar-brand-icon{width:24px;height:24px;flex-shrink:0}.sidebar-brand-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3) 0}.sidebar-section{padding:var(--space-1) var(--space-3);margin-top:var(--space-4)}.sidebar-section:first-child{margin-top:var(--space-1)}.sidebar-section-label{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:7px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;text-decoration:none;margin:1px 0}.sidebar-item:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.sidebar-item.active{background:var(--accent-dim);color:var(--text-strong);border-left:3px solid var(--accent);padding-left:calc(var(--space-3) - 3px)}.sidebar-item-icon{width:18px;height:18px;flex-shrink:0;opacity:.7;text-align:center;font-size:14px}.sidebar-item.active .sidebar-item-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);flex-shrink:0}.sidebar-version{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:10;position:relative}.header:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,transparent 60%);opacity:.6}.header-left{display:flex;align-items:center;gap:var(--space-3)}.header-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong)}.header-breadcrumb{font-size:var(--text-sm);color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.content{grid-area:content;overflow-y:auto;overflow-x:hidden;background:var(--bg);position:relative}.content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--border) .5px,transparent .5px);background-size:24px 24px;opacity:.35;pointer-events:none;z-index:0}[data-theme=light] .content:before{opacity:.5}.content>*{position:relative;z-index:1}.view{padding:var(--space-6);max-width:1200px}.view-header{margin-bottom:var(--space-6)}.view-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-strong);letter-spacing:-.01em}.view-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);text-transform:uppercase;letter-spacing:.06em}.chat-bubble-user{background:var(--accent-dim);border:1px solid rgba(224,64,64,.15);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.chat-bubble-assistant{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.chat-bubble-tool{background:#34d0580f;border:1px solid rgba(52,208,88,.12);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);border:1px solid transparent;text-decoration:none}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.btn--ghost{background:transparent;color:var(--text-muted);border:none;padding:4px 10px}.btn--ghost:hover{color:var(--text-strong);background:var(--bg-hover)}.btn--sm{padding:4px 10px;font-size:var(--text-xs)}.btn:disabled{opacity:.4;cursor:not-allowed}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-strong);transition:border-color var(--dur-fast) var(--ease-out);width:100%;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.textarea{resize:vertical;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.badge--ok{background:var(--accent-ok-dim);color:var(--accent-ok);border-color:#34d05833}.badge--info{background:var(--accent-info-dim);color:var(--accent-info);border-color:#4da6ff33}.badge--warn{background:var(--accent-warn-dim);color:var(--accent-warn);border-color:#f0a03033}.badge--danger{background:var(--accent-danger-dim);color:var(--accent-danger);border-color:#e0404033}.toast{position:fixed;top:calc(var(--header-height) + 12px);right:24px;z-index:200;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);animation:toast-in .35s var(--ease-out);box-shadow:var(--shadow-lg);max-width:420px}.toast--ok{background:var(--accent-ok-dim);color:var(--accent-ok);border:1px solid rgba(52,208,88,.25)}.toast--danger{background:var(--accent-danger-dim);color:var(--accent-danger);border:1px solid rgba(224,64,64,.25)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px;border-bottom:1px solid var(--border)}.data-table td{padding:var(--space-2) var(--space-3);color:var(--text);border-bottom:1px solid rgba(28,37,56,.5)}.label{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}rt-status-led{display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--accent-dim);color:var(--text-strong)}.nav-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text)}.nav-toggle:hover{background:var(--bg-hover)}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-areas:"header" "content"}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(85vw,280px);transform:translate(-100%);transition:transform var(--dur-slow) var(--ease-out);z-index:100;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.nav-toggle{display:flex}}.led{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.led--ok{background:var(--led-ok);box-shadow:0 0 6px var(--led-ok-glow)}.led--warn{background:var(--led-warn);box-shadow:0 0 6px var(--led-warn-glow)}.led--danger{background:var(--led-danger);box-shadow:0 0 6px var(--led-danger-glow)}.led--off{background:var(--led-off)}.led--pulse{animation:led-pulse 2s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;transition:all var(--dur-fast) var(--ease-out);cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn--secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-strong)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover{background:var(--bg-hover);color:var(--text)}.btn--icon{padding:var(--space-2);width:32px;height:32px}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--dur-fast) var(--ease-out)}.card:hover{border-color:var(--border-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);letter-spacing:.02em}.card-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-strong)}.card-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em}.badge--ok{background:var(--accent-ok-dim);color:var(--accent-ok)}.badge--warn{background:var(--accent-warn-dim);color:var(--accent-warn)}.badge--danger{background:var(--accent-danger-dim);color:var(--accent-danger)}.badge--info{background:var(--accent-info-dim);color:var(--accent-info)}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--text-xs)}.data-table th{padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-strong);white-space:nowrap}.data-table td{padding:var(--space-2) var(--space-3);color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap}.data-table tr:hover td{background:var(--bg-hover)}.data-table td.mono{font-family:var(--font-mono)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.input::placeholder{color:var(--text-dim)}.textarea{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6a7a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{width:48px;height:48px;color:var(--text-dim);margin-bottom:var(--space-4)}.empty-state-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--text-dim);max-width:320px}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:200;display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-out);max-width:380px}.toast--danger{border-color:var(--accent-danger)}.toast--ok{border-color:var(--accent-ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:300;animation:fade-in var(--dur-normal) var(--ease-out)}.modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6);max-width:480px;width:90vw;box-shadow:var(--shadow-lg);animation:modal-in var(--dur-slow) var(--ease-out)}.modal-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-strong);margin-bottom:var(--space-4)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-panel)}.chat-header-left{display:flex;align-items:center;gap:var(--space-3)}.chat-header-agent{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong)}.chat-header-model{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.chat-header-right{display:flex;align-items:center;gap:var(--space-3)}.chat-agent-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 10px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);cursor:pointer;outline:none}.chat-agent-select:focus{border-color:var(--accent)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.chat-message{display:flex;gap:var(--space-3);max-width:var(--chat-max-width);width:100%;margin:0 auto;animation:message-in var(--dur-slow) var(--ease-out)}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-avatar{width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold)}.chat-avatar--user{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(224,64,64,.3)}.chat-avatar--assistant{background:var(--accent-info-dim);color:var(--accent-info);border:1px solid rgba(48,144,224,.3)}.chat-avatar--system{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.chat-bubble{flex:1;min-width:0}.chat-bubble-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.chat-bubble-sender{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-strong)}.chat-bubble-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.chat-bubble-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.65;color:var(--text);word-wrap:break-word;overflow-wrap:break-word}.chat-bubble-content.user{background:var(--accent-dim);border-color:#e0404033}.chat-bubble-content h1,.chat-bubble-content h2,.chat-bubble-content h3,.chat-bubble-content h4{font-family:var(--font-heading);color:var(--text-strong);margin:var(--space-3) 0 var(--space-2)}.chat-bubble-content h1{font-size:var(--text-lg)}.chat-bubble-content h2{font-size:var(--text-base)}.chat-bubble-content h3{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.chat-bubble-content p{margin:var(--space-2) 0}.chat-bubble-content p:first-child{margin-top:0}.chat-bubble-content p:last-child{margin-bottom:0}.chat-bubble-content code{font-family:var(--font-mono);font-size:.85em;background:#00000040;padding:1px 5px;border-radius:var(--radius-sm);color:var(--accent-info)}.chat-bubble-content pre{margin:var(--space-3) 0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.chat-bubble-content pre code{display:block;padding:var(--space-3) var(--space-4);background:transparent;color:var(--text);font-size:var(--text-xs);line-height:1.7}.chat-bubble-content ul,.chat-bubble-content ol{padding-left:1.4em;margin:var(--space-2) 0}.chat-bubble-content li{margin:var(--space-1) 0}.chat-bubble-content blockquote{border-left:3px solid var(--accent);padding-left:var(--space-3);margin:var(--space-3) 0;color:var(--text-muted)}.chat-bubble-content a{color:var(--accent-info);text-decoration:underline;text-underline-offset:2px}.chat-bubble-content table{border-collapse:collapse;margin:var(--space-3) 0;width:100%;font-size:var(--text-xs);font-family:var(--font-mono)}.chat-bubble-content th,.chat-bubble-content td{padding:var(--space-1) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.chat-bubble-content th{color:var(--text-muted);font-weight:var(--weight-semibold)}.chat-bubble-content img{max-width:min(100%,420px);max-height:320px;border-radius:var(--radius-md);margin:var(--space-2) 0}.chat-inline-image{max-width:min(100%,420px);max-height:320px;border-radius:var(--radius-md);margin:var(--space-2) 0;display:block}.thinking-block{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-2) 0;background:#ffffff05}.thinking-header{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);-webkit-user-select:none;user-select:none}.thinking-header svg{width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out)}.thinking-header.open svg{transform:rotate(90deg)}.thinking-content{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);line-height:1.6;white-space:pre-wrap;display:none}.thinking-content.open{display:block}.tool-card{border:1px solid var(--border);border-radius:var(--radius-md);margin:var(--space-2) 0;overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out)}.tool-card:hover{border-color:var(--border-strong)}.tool-card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none}.tool-card-icon{width:14px;height:14px;color:var(--accent-info);flex-shrink:0}.tool-card-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-strong)}.tool-card-status{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs)}.tool-card-body{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);max-height:160px;overflow-y:auto;white-space:pre-wrap;line-height:1.6;display:none}.tool-card-body.open{display:block}.streaming-indicator{display:inline-flex;gap:4px;align-items:center;padding:var(--space-1) 0}.streaming-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:streaming-pulse 1.4s ease-in-out infinite}.streaming-dot:nth-child(2){animation-delay:.2s}.streaming-dot:nth-child(3){animation-delay:.4s}@keyframes streaming-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input{border-top:1px solid var(--border);padding:var(--space-4) var(--space-5);background:var(--bg-panel);flex-shrink:0}.chat-input-wrapper{max-width:var(--chat-max-width);margin:0 auto;display:flex;gap:var(--space-3);align-items:flex-end}.chat-input-field{flex:1;min-height:42px;max-height:200px;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);resize:none;line-height:1.5;transition:border-color var(--dur-fast) var(--ease-out)}.chat-input-field:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim);outline:none}.chat-input-field::placeholder{color:var(--text-dim)}.chat-send-btn{width:42px;height:42px;border-radius:var(--radius-lg);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--dur-fast) var(--ease-out)}.chat-send-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.chat-send-btn svg{width:18px;height:18px}.chat-send-btn--stop{background:var(--accent-warn)}.chat-send-btn--stop:hover{background:#e0a030;box-shadow:0 0 12px #f0a0304d}.chat-attach-btn{width:42px;height:42px;border-radius:var(--radius-lg);background:transparent;border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.chat-attach-btn:hover{background:var(--bg-hover);color:var(--text-strong);border-color:var(--border-strong)}.chat--drag-over{position:relative}.chat--drag-over:after{content:"Drop files here";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--accent-rgb, 99, 102, 241),.08);border:2px dashed var(--accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--accent);z-index:100;pointer-events:none}.chat-pending-images{max-width:var(--chat-max-width);margin:0 auto 6px;display:flex;flex-wrap:wrap;gap:8px;padding:0 4px}.chat-pending-image{position:relative;width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.chat-pending-image img{width:100%;height:100%;object-fit:cover}.chat-pending-image-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#000000a6;border:none;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.chat-pending-image:hover .chat-pending-image-remove{opacity:1}.chat-pending-files{max-width:var(--chat-max-width);margin:0 auto 6px;display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.chat-pending-file{display:inline-flex;align-items:center;gap:2px;padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.chat-pending-file-size{color:var(--text-dim);margin-left:2px}.chat-pending-file-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 2px;font-size:14px;line-height:1;margin-left:4px}.chat-pending-file-remove:hover{color:var(--danger)}.chat-input-hint{max-width:var(--chat-max-width);margin:6px auto 0;font-size:11px;color:var(--text-dim);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center;flex:1}.empty-state-icon{margin-bottom:var(--space-4);opacity:.6}.empty-state-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-strong);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state-text strong{color:var(--text);font-family:var(--font-mono)}.empty-state-hint{font-size:var(--text-xs);color:var(--text-dim)}