:root{--lm-bg: #0A0A0F;--lm-surface: #12121A;--lm-surface-raised: #1A1A26;--lm-border: rgba(255, 255, 255, .08);--lm-border-strong: rgba(255, 255, 255, .15);--expert-llama: #1DB893;--expert-mistral: #7F77DD;--expert-deepseek: #E8A838;--expert-llava: #E8614A;--expert-combiner: #4A90D9;--lm-text-primary: #F0F0F8;--lm-text-secondary: #8888AA;--lm-text-muted: #55556A;--lm-success: #1DB893;--lm-warning: #E8A838;--lm-error: #E8614A;--lm-thinking: #9B7DD4;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background-color:var(--lm-bg)}body{font-family:var(--font-sans);color:var(--lm-text-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased}code{font-family:var(--font-mono);font-size:.92em}a{color:var(--expert-combiner)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot--lg{width:9px;height:9px}.dot--exp{background:var(--exp, var(--lm-text-muted))}.dot--ok{background:var(--lm-success);animation:pulse 2s var(--ease-in-out) infinite}.dot--bad{background:var(--lm-error)}.pill{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.pill--exp{color:var(--exp, var(--lm-text-secondary));background:color-mix(in srgb,var(--exp, var(--lm-text-muted)) 16%,transparent)}.card{background:var(--lm-surface);border:1px solid var(--lm-border);border-radius:12px;padding:var(--space-md)}.placeholder{color:var(--lm-text-muted);font-size:var(--text-sm)}.error-text{color:var(--lm-error);font-size:var(--text-sm)}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:100;height:56px;background:color-mix(in srgb,var(--lm-bg) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lm-border)}.topbar__inner{max-width:1280px;margin:0 auto;height:100%;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.topbar__brand{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.wordmark{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--lm-text-primary);letter-spacing:-.02em}.topbar__sep{width:1px;height:16px;background:var(--lm-border-strong)}.topbar__subtitle{font-size:var(--text-xs);color:var(--lm-text-muted);white-space:nowrap}.topbar__right{display:flex;align-items:center;gap:var(--space-md)}.expert-dots{display:flex;gap:6px}.health{display:flex;align-items:center}.topbar__about{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--lm-border);background:transparent;color:var(--lm-text-secondary);font:inherit;font-size:var(--text-sm);padding:6px 12px;border-radius:8px;cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast)}.topbar__about:hover{border-color:var(--lm-border-strong);color:var(--lm-text-primary)}.warn-banner{max-width:1280px;margin:var(--space-md) auto 0;padding:10px var(--space-md);background:color-mix(in srgb,var(--lm-warning) 16%,var(--lm-surface));border:1px solid color-mix(in srgb,var(--lm-warning) 40%,transparent);border-radius:8px;color:var(--lm-text-primary);font-size:var(--text-sm);display:flex;align-items:center;justify-content:space-between}.warn-banner code{color:var(--lm-warning)}.warn-banner__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--lm-text-secondary);font-size:18px;cursor:pointer;line-height:1}.layout{max-width:1280px;margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-xl);display:grid;grid-template-columns:55fr 45fr;gap:var(--space-lg);align-items:start}.layout__left,.layout__right{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.response-area{min-width:0}.response-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);color:var(--lm-text-muted);font-size:var(--text-sm)}.response-empty__icon{font-size:28px;opacity:.5}.qinput{display:flex;flex-direction:column;gap:var(--space-md)}.qinput__text{width:100%;min-height:80px;resize:vertical;border:none;background:transparent;outline:none;color:var(--lm-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}.qinput__text::placeholder{color:var(--lm-text-muted)}.qinput__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.dropzone{position:relative;width:120px;height:72px;flex:none;border:1.5px dashed var(--lm-border-strong);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast),background var(--duration-fast)}.dropzone:hover,.dropzone--over{border-color:var(--expert-llava);background:color-mix(in srgb,var(--expert-llava) 12%,transparent)}.dropzone--filled{cursor:default;border-style:solid}.dropzone__hint{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--lm-text-muted);text-align:center}.dropzone__icon{font-size:16px}.dropzone__thumb{width:100%;height:100%;object-fit:cover}.dropzone__clear{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}.qinput__controls{display:flex;align-items:center;gap:var(--space-sm)}.stream-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--lm-border-strong);background:var(--lm-surface-raised);color:var(--lm-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:500;padding:8px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.stream-pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.stream-pill--on{background:color-mix(in srgb,var(--expert-llama) 22%,transparent);border-color:color-mix(in srgb,var(--expert-llama) 50%,transparent);color:var(--expert-llama)}.btn-route{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;isolation:isolate;border:1px solid var(--lm-border-strong);background:var(--lm-surface-raised);color:var(--lm-text-primary);font:inherit;font-size:var(--text-sm);font-weight:600;padding:9px 18px;border-radius:10px;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.btn-route:hover:not(:disabled){border-color:var(--expert-mistral);box-shadow:0 0 0 2px #7f77dd4d}.btn-route:disabled{opacity:.4;cursor:not-allowed}.btn-route--loading:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;z-index:-1;background:conic-gradient(from 0deg,transparent 0%,var(--expert-mistral) 25%,transparent 50%);animation:spin 1s linear infinite}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--lm-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle--inline{font-size:var(--text-xs)}.gating{background:var(--lm-surface);border:1px solid var(--lm-border);border-radius:12px;padding:var(--space-sm) var(--space-md) var(--space-md);animation:gatingIn var(--duration-slow) var(--ease-out)}.gating__svg{width:100%;height:180px;display:block}.gating__hint{text-align:center;margin:4px 0 0;font-size:var(--text-xs);color:var(--lm-text-muted)}.gating--ghost{opacity:1;animation:none}.gating--ghost .gating__svg{opacity:.4}.gd-node-rect,.gd-expert-rect{fill:var(--lm-surface-raised);stroke:var(--lm-border);stroke-width:1}.gd-expert-bar{fill:var(--exp, var(--lm-text-muted))}.gd-gate{fill:var(--lm-surface-raised);stroke:var(--expert-llama);stroke-width:2;animation:gatePulse 2.4s var(--ease-in-out) infinite}.gd-node-kicker{fill:var(--lm-text-muted);font-size:11px;font-family:var(--font-sans)}.gd-node-text{fill:var(--lm-text-secondary);font-size:12px;font-family:var(--font-sans)}.gd-gate-model{fill:var(--expert-llama);font-size:11px;font-family:var(--font-mono)}.gd-expert-name{fill:var(--exp, var(--lm-text-primary));font-size:12px;font-family:var(--font-mono);font-weight:600}.gd-expert-cx{fill:var(--lm-text-muted);font-size:10px;font-family:var(--font-mono)}.gd-node-ghost{fill:none;stroke:var(--lm-border-strong);stroke-width:1;stroke-dasharray:4 4}.gd-ghost-label{fill:var(--lm-text-muted);font-size:11px;font-family:var(--font-sans)}.gd-line{fill:none;stroke:var(--gd-color, var(--lm-border-strong));stroke-width:1.5;opacity:0;animation:gdLineIn var(--duration-base) var(--ease-out) forwards;animation-delay:var(--gd-delay, 0ms)}.gd-line--ghost{opacity:.3;animation:none;stroke:var(--lm-border-strong)}.gd-flow{fill:none;stroke:var(--gd-color, var(--expert-llama));stroke-width:3.5;stroke-linecap:round;stroke-dasharray:2 100;stroke-dashoffset:100;opacity:0;animation:gdTravel var(--duration-slow) var(--ease-out) forwards;animation-delay:var(--gd-delay, 0ms)}.stream,.xpanels{display:flex;flex-direction:column;gap:var(--space-md)}.xpanel{background:var(--lm-surface);border:1px solid var(--lm-border);border-left:3px solid var(--exp, var(--lm-text-muted));border-radius:8px;padding:var(--space-md)}.xpanel--error{border-color:var(--lm-error);border-left-color:var(--lm-error)}.xpanel__head{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.xpanel__name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--lm-text-primary)}.xpanel__size{font-family:var(--font-mono);font-size:10px;color:var(--lm-text-muted);border:1px solid var(--lm-border);border-radius:4px;padding:1px 5px}.xpanel__spacer{flex:1}.xpanel__latency{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lm-text-muted)}.status{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:999px}.status--live{color:var(--expert-llama);background:color-mix(in srgb,var(--expert-llama) 14%,transparent);animation:statusPulse 1.2s var(--ease-in-out) infinite}.status--done{color:var(--lm-text-secondary);background:var(--lm-surface-raised)}.status--error{color:var(--lm-error);background:color-mix(in srgb,var(--lm-error) 16%,transparent)}.xpanel__body{margin-top:var(--space-sm);white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--lm-text-primary);max-height:280px;overflow-y:auto}.xpanel__body--error{color:var(--lm-error)}.trace{margin-top:var(--space-sm);border-left:2px solid var(--lm-thinking);background:color-mix(in srgb,var(--lm-thinking) 9%,transparent);border-radius:0 6px 6px 0}.trace__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;color:var(--lm-thinking);font:inherit;font-size:var(--text-xs);font-weight:600;padding:7px 10px;display:flex;align-items:center;gap:6px;width:100%;text-align:left}.trace__chev{font-size:9px}.trace__body{max-height:0;overflow:hidden;padding:0 10px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--lm-text-secondary);font-style:italic;white-space:pre-wrap;transition:max-height var(--duration-base) var(--ease-in-out),padding var(--duration-base) var(--ease-in-out)}.trace--open .trace__body{max-height:220px;overflow-y:auto;padding:0 10px 10px}.sparsity{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:8px 12px;border-radius:8px;background:var(--lm-surface-raised);border:1px solid var(--lm-border);font-size:var(--text-xs)}.sparsity__dots{display:flex;gap:4px}.sparsity__text{font-weight:600;color:var(--lm-text-primary)}.sparsity__sep,.sparsity__muted{color:var(--lm-text-muted)}.combiner{padding-top:var(--space-md);border-top:1px solid var(--lm-border)}.combiner__head{margin-bottom:var(--space-sm)}.combiner__label{font-weight:600;font-size:var(--text-sm);color:var(--expert-combiner)}.combiner__body{white-space:pre-wrap;font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.6;color:var(--lm-text-primary);max-height:320px;overflow-y:auto}.skeleton{display:flex;flex-direction:column;gap:8px}.skeleton__line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--lm-surface-raised) 25%,var(--lm-border) 50%,var(--lm-surface-raised) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton__line--short{width:60%}.error-card{border:1px solid var(--lm-error);border-radius:8px;padding:var(--space-md);background:color-mix(in srgb,var(--lm-error) 8%,transparent)}.error-card__msg{margin:0;color:var(--lm-error);font-size:var(--text-sm)}.strip{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;background:var(--lm-surface);border:1px solid var(--lm-border);border-radius:8px;padding:10px var(--space-md)}.strip__health{display:flex;align-items:center;gap:6px}.strip__divider{width:1px;height:22px;background:var(--lm-border)}.strip__stat{display:flex;flex-direction:column;gap:3px}.strip__stat--grow{flex:1;min-width:120px}.strip__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--lm-text-muted)}.strip__value{font-size:14px;color:var(--lm-text-primary);font-variant-numeric:tabular-nums}.strip__err{margin-left:auto}.actbar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--lm-surface-raised);width:100%}.actbar--empty{opacity:.5}.actbar__seg{background:var(--exp, var(--lm-text-muted));height:100%}.feed{display:flex;flex-direction:column;gap:var(--space-sm)}.feed__head{display:flex;align-items:center;justify-content:space-between}.feed__title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--lm-text-secondary)}.feed__count{font-size:11px;color:var(--lm-text-muted);background:var(--lm-surface-raised);border-radius:999px;padding:1px 8px}.feed__empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-lg);color:var(--lm-text-muted);font-size:var(--text-sm)}.feed__empty-icon{font-size:24px;opacity:.5}.feed__rows{display:flex;flex-direction:column;max-height:520px;overflow-y:auto}.feed-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px 6px;border-radius:6px;animation:slideIn var(--duration-base) var(--ease-out);transition:background var(--duration-fast)}.feed-row:hover{background:var(--lm-surface-raised)}.feed-row__time{font-family:var(--font-mono);font-size:11px;color:var(--lm-text-muted);flex:none}.feed-row__query{flex:1;min-width:0;font-size:12px;color:var(--lm-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-row__latency{font-family:var(--font-mono);font-size:11px;color:var(--lm-text-muted);flex:none}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.drawer-root--open{pointer-events:auto}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity var(--duration-base) var(--ease-in-out)}.drawer-root--open .drawer-overlay{opacity:1}.drawer{position:absolute;top:0;right:0;height:100%;width:280px;background:var(--lm-surface);border-left:1px solid var(--lm-border);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transform:translate(100%);transition:transform var(--duration-base) var(--ease-out)}.drawer-root--open .drawer{transform:translate(0)}.drawer__head{display:flex;align-items:center;justify-content:space-between}.drawer__title{font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg)}.drawer__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--lm-text-secondary);font-size:22px;line-height:1;cursor:pointer}.drawer__lede{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--lm-text-secondary)}.drawer__section{display:flex;flex-direction:column;gap:6px}.drawer__kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--lm-text-muted)}.drawer__list{margin:0;padding-left:18px;font-size:var(--text-sm);color:var(--lm-text-secondary);line-height:1.7}.drawer__link{font-size:var(--text-sm);color:var(--expert-combiner);text-decoration:none;word-break:break-all}.drawer__link:hover{text-decoration:underline}.drawer__foot{margin-top:auto;font-size:var(--text-xs);color:var(--lm-text-muted)}.card__title{margin:0 0 var(--space-md);font-size:var(--text-base);font-weight:600;color:var(--lm-text-primary)}.badge{display:inline-block;color:#fff;font-weight:600;border-radius:6px}.badge--lg{font-size:var(--text-sm);padding:4px 10px}.badge--sm{font-size:var(--text-xs);padding:2px 8px}.banner{padding:10px var(--space-md);border-radius:8px;font-size:var(--text-sm);background:color-mix(in srgb,var(--lm-warning) 16%,var(--lm-surface));border:1px solid color-mix(in srgb,var(--lm-warning) 40%,transparent)}.reasoning{margin:var(--space-md) 0;padding-left:12px;border-left:2px solid var(--lm-border-strong);font-size:var(--text-sm);color:var(--lm-text-secondary);font-style:italic;line-height:1.5}.reasoning--sm{font-size:var(--text-xs);margin:8px 0}.scores{display:flex;flex-direction:column;gap:10px;margin:var(--space-md) 0}.score__head{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--lm-text-secondary);margin-bottom:4px}.score__track{height:6px;background:var(--lm-surface-raised);border-radius:3px;overflow:hidden}.score__fill{height:100%}.metrics{display:flex;gap:var(--space-lg);margin:var(--space-md) 0;flex-wrap:wrap}.metric__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--lm-text-muted)}.metric__value{font-size:14px;color:var(--lm-text-primary)}.response-box{margin-top:var(--space-sm);white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--lm-text-primary);background:var(--lm-surface-raised);border:1px solid var(--lm-border);border-radius:8px;padding:12px;max-height:320px;overflow-y:auto}.response-box--error{color:var(--lm-error);border-color:var(--lm-error)}.subtasks{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.subtask{border:1px solid var(--lm-border);border-radius:8px;padding:12px}.subtask__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.subtask__num{font-family:var(--font-mono);color:var(--lm-text-muted);font-size:var(--text-sm)}.subtask__metrics{margin-left:auto;font-size:var(--text-xs);color:var(--lm-text-muted);font-variant-numeric:tabular-nums}.subtask__text{margin:8px 0;font-size:var(--text-sm);color:var(--lm-text-primary)}.chip{font-size:10px;padding:2px 7px;border-radius:999px;background:var(--lm-surface-raised);color:var(--lm-text-secondary)}.synthesis{margin:var(--space-md) 0}.synthesis__head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.synthesis__label{font-weight:600;color:var(--expert-combiner)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes gatingIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gatePulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.4}}@keyframes gdLineIn{to{opacity:.3}}@keyframes gdTravel{0%{stroke-dashoffset:100;opacity:1}85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@media(max-width:768px){.layout{grid-template-columns:1fr;padding:var(--space-md) var(--space-md) var(--space-xl)}.topbar__inner{padding:0 var(--space-md)}.qinput__text{min-height:60px}.gating__svg{height:240px}.feed__rows{max-height:200px}.btn-route,.stream-pill,.topbar__about{min-height:44px}.feed-row{padding:11px 6px}}@media(max-width:480px){.topbar__sep,.topbar__subtitle{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}