:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 13px;--font-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--font-size-xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--color-bg: #ebf3f6;--color-surface: #ffffff;--color-surface-raised: #dce7ee;--color-border: #c6d4dd;--color-text: #000000;--color-text-muted: #55606b;--color-primary: #9ef912;--color-primary-hover: #8fe30d;--color-on-primary: #000000;--color-accent: #6309ff;--color-accent-hover: #5107d6;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-success: #00d763;--color-focus-ring: #6309ff}[data-theme=dark]{--color-bg: #0a0c0e;--color-surface: #13161a;--color-surface-raised: #1c2026;--color-border: #2b313a;--color-text: #eef1f4;--color-text-muted: #9aa3ad;--color-primary: #9ef912;--color-primary-hover: #b3ff36;--color-on-primary: #000000;--color-accent: #9b6bff;--color-accent-hover: #b189ff;--color-danger: #f5675e;--color-danger-hover: #ff8079;--color-success: #00d763;--color-focus-ring: #9b6bff}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);background-clip:padding-box;border:3px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:1.5}h1,h2,h3{margin:0 0 var(--space-3);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;height:100%;min-height:0}.topbar{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.topbar__brand{font-weight:var(--font-weight-bold)}.nav{display:flex;gap:var(--space-4);flex:1}.nav a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.nav a.is-active{color:var(--color-text)}.header-select{display:flex;align-items:center;gap:var(--space-2)}.container{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;width:100%;max-width:920px;margin:0 auto;padding:var(--space-6) var(--space-5)}.container--fluid{max-width:none;padding:var(--space-5) var(--space-6)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--between{justify-content:space-between}.heading-row{display:flex;align-items:center;gap:var(--space-2)}.heading-row h1{margin:0}.field{display:flex;flex-direction:column;gap:var(--space-1)}.label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit}.input:focus-visible{border-color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer}.btn:hover{border-color:var(--color-text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-primary)}.btn--danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn--ghost{background:transparent}.btn--icon{padding:var(--space-2)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.table th{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-muted);font-size:var(--font-size-sm)}.badge--active{color:var(--color-success)}.badge--pending{color:var(--color-accent)}.error{color:var(--color-danger)}.center{display:grid;place-items:center;min-height:60vh}.select{position:relative}.select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:240px;padding:var(--space-2) var(--space-3);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;cursor:pointer}.select__trigger--compact{min-width:160px}.select:disabled,.select__trigger:disabled{opacity:.5;cursor:not-allowed}.select__content{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1);box-shadow:0 8px 24px #0006;z-index:50;max-height:280px;overflow-y:auto}.select__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.select__item[data-highlighted]{background:var(--color-primary);color:var(--color-on-primary)}.select__item[data-state=checked]{font-weight:var(--font-weight-bold)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.chip{padding:var(--space-1) var(--space-2);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.dialog__backdrop{position:fixed;inset:0;background:#0000008c;z-index:100}.dialog__backdrop[data-state=open]{animation:kb-fade-in .24s ease}.dialog__backdrop[data-state=closed]{animation:kb-fade-out .24s ease}@keyframes kb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kb-fade-out{0%{opacity:1}to{opacity:0}}.dialog__positioner{position:fixed;inset:0;display:grid;place-items:center;z-index:101;padding:var(--space-4)}.dialog__content{width:100%;max-width:460px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.dialog__positioner--left{place-items:stretch start;padding:0}.dialog__content--drawer{height:100%;max-width:none;border-radius:0;overflow-y:auto}.dialog__content--left{width:min(340px,85vw);border-width:0 1px 0 0}.dialog__content--left[data-state=open]{animation:drawer-in-left .24s ease-out}.dialog__content--left[data-state=closed]{animation:drawer-out-left .24s ease-in}@keyframes drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.dialog__header h2{margin:0}.chat{flex:1;min-height:0;display:flex;flex-direction:column}.chat__main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.chat__main>*{width:100%;max-width:43rem;margin-inline:auto}.chat__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.chat__header h2{margin:0}.chat__header-new{margin-left:auto}.chat__messages{flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-3)}.chat__list{display:flex;flex-direction:column;gap:var(--space-5)}.conv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.conv{width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv:hover{background:var(--color-surface-raised)}.conv.is-active{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border)}.conv-list__more{margin-top:var(--space-1);padding:var(--space-1) var(--space-3);border:none;background:transparent;color:var(--color-accent);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.conv-list__more:hover{text-decoration:underline}.msg{display:flex;flex-direction:column;gap:var(--space-2)}.msg--user{align-items:flex-end}.msg--assistant{align-items:flex-start}.msg__role{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.msg__text,.msg__bubble{max-width:85%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.msg--user .msg__text{margin:0;white-space:pre-wrap;background:var(--color-surface-raised)}.msg__bubble{background:var(--color-surface)}.tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-sm)}.tool__name{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.tool__status{color:var(--color-text-muted)}.tool--running .tool__status{color:var(--color-accent)}.tool--ok .tool__status{color:var(--color-success)}.tool--error .tool__status,.tool--denied .tool__status{color:var(--color-danger)}.composer{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);position:sticky;bottom:0;background:var(--color-bg)}.composer__input{width:100%;resize:vertical;min-height:44px}.composer__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.composer__actions{display:flex;gap:var(--space-2)}.model-select__content{min-width:280px}.model-select__mode{font-weight:var(--font-weight-medium)}.model-select__item{display:flex;flex-direction:column;gap:var(--space-1)}.model-select__desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.model-select__item[data-highlighted] .model-select__desc{color:var(--color-on-primary);opacity:.85}.toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.toggle__btn{padding:var(--space-1) var(--space-3);border:none;background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.toggle__btn.is-active{background:var(--color-primary);color:var(--color-on-primary)}.toggle__btn:disabled{cursor:not-allowed;opacity:.6}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 var(--space-3)}.md ul,.md ol{margin:0 0 var(--space-3);padding-left:var(--space-5)}.md pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}.md code{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.md :not(pre)>code{background:var(--color-surface-raised);padding:0 var(--space-1);border-radius:var(--radius-sm)}.md a{color:var(--color-accent)}.md table{border-collapse:collapse}.md th,.md td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3)}.hljs{color:var(--color-text);background:transparent}.hljs-comment,.hljs-quote{color:var(--color-text-muted);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag,.hljs-meta,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:var(--color-accent)}.hljs-string,.hljs-attr,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-template-tag{color:var(--color-success)}.hljs-title,.hljs-section,.hljs-function .hljs-title{color:var(--color-text);font-weight:var(--font-weight-medium)}.hljs-deletion{color:var(--color-danger)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:var(--font-weight-bold)}