:root{--bg:#fff;--fg:#1b1f24;--muted:#57606a;--border:#d0d7de;--panel:#f6f8fa;--accent:#0b57d0;--accent-fg:#fff;--user:#eef4ff;--warn-bg:#fff8c5;--warn-fg:#4d3800;--err-bg:#ffebe9;--err-fg:#82071e;--ok:#116329;--code-bg:#f3f4f6;--focus:#0b57d0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1117;--fg:#e6edf3;--muted:#9198a1;--border:#3d444d;--panel:#151b23;--accent:#4493f8;--accent-fg:#0d1117;--user:#12233f;--warn-bg:#3b2e00;--warn-fg:#f2cc60;--err-bg:#3c1618;--err-fg:#ffa198;--ok:#56d364;--code-bg:#1f2630;--focus:#79b8ff}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,sans-serif}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{position:absolute;top:0;left:-9999px}.skip-link:focus{z-index:10;background:var(--bg);border:2px solid var(--focus);padding:.5rem .75rem;top:1rem;left:1rem}.site-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:1.25rem;padding:.75rem 1.25rem;display:flex}.site-header .brand{color:var(--fg);font-size:1.05rem;font-weight:700;text-decoration:none}.site-header nav ul{gap:1rem;margin:0;padding:0;list-style:none;display:flex}main{max-width:1500px;margin:0 auto;padding:1rem 1.25rem 2rem}.intro{max-width:70ch;color:var(--muted);margin:0 0 1rem}h1{margin:.25rem 0 .5rem;font-size:1.4rem}h2{margin:0 0 .5rem;font-size:1rem}.lab{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(260px,360px);align-items:start;gap:1rem;display:grid}@media (max-width:1100px){.lab{grid-template-columns:minmax(0,1fr)}}.panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:.75rem}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:.25rem;font-weight:600}.scenario-list{gap:.25rem;display:grid}.scenario-option{cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr;align-items:start;gap:.4rem;padding:.35rem .4rem;display:grid}.scenario-option:has(input:checked){background:var(--bg);outline:1px solid var(--accent)}.scenario-option input{margin-top:.3rem}.scenario-option .title{font-weight:600}.scenario-option .fault{color:var(--muted);font-size:.85rem;display:block}.scenario-expect{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.5rem;font-size:.85rem}.chat{border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:0;display:flex}.transcript{overscroll-behavior:contain;height:min(62vh,640px);padding:.75rem;position:relative;overflow-y:auto}.transcript ol{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.empty{color:var(--muted)}.msg{border:1px solid var(--border);border-radius:8px;min-width:0;padding:.5rem .75rem}.msg.user{background:var(--user);margin-left:15%}.msg.assistant{background:var(--bg)}.msg.tool{background:var(--panel);font-size:.9rem}.msg .who{color:var(--muted);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.8rem;font-weight:600;display:flex}.msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .5rem}.msg p:last-child{margin-bottom:0}.msg pre{background:var(--code-bg);border-radius:6px;margin:.25rem 0 .5rem;padding:.6rem;font-size:.85rem;line-height:1.45;overflow-x:auto}.msg pre[data-open=true]{border-left:3px solid var(--accent)}.badge{border:1px solid;border-radius:999px;padding:0 .4rem;font-size:.72rem;font-weight:600}.badge.interrupted,.badge.stopped{color:var(--warn-fg);background:var(--warn-bg)}.badge.error{color:var(--err-fg);background:var(--err-bg)}.msg-error{color:var(--err-fg);margin-top:.35rem;font-size:.85rem}.caret{vertical-align:text-bottom;background:currentColor;width:.5ch;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.tool-call{background:var(--code-bg);overflow-wrap:anywhere;border-radius:6px;margin:.25rem 0;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.jump{margin-left:auto;display:block;position:sticky;bottom:.25rem}.statusbar{border-top:1px solid var(--border);align-items:center;gap:.5rem;min-height:2.25rem;padding:.35rem .75rem;font-size:.9rem;display:flex}.statusbar .notice{color:var(--warn-fg);background:var(--warn-bg);border-radius:6px;padding:.1rem .5rem}.statusbar .err{color:var(--err-fg);background:var(--err-bg);border-radius:6px;padding:.1rem .5rem}.composer{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:.5rem;padding:.75rem;display:grid}.composer label{grid-column:1/-1;font-size:.9rem;font-weight:600}.composer textarea{resize:vertical;width:100%;min-height:3.2rem;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;padding:.5rem}.composer .buttons{align-items:start;gap:.5rem;display:flex}.composer .hint{color:var(--muted);grid-column:1/-1;margin:0;font-size:.8rem}button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:6px;padding:.4rem .85rem}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}.inspector{gap:.75rem;display:grid}.inspector dl{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0;font-size:.9rem;display:grid}.inspector dt{color:var(--muted)}.inspector dd{font-variant-numeric:tabular-nums;margin:0}.compare{margin:.25rem 0 0;font-size:.9rem}.scroll-list{max-height:220px;margin:0;padding:0 0 0 1.25rem;font-size:.82rem;overflow:auto}.scroll-list li{overflow-wrap:anywhere;margin-bottom:.2rem}.log{padding-left:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none}.log .k{min-width:6.5ch;font-weight:600;display:inline-block}.log .k-malformed,.log .k-error{color:var(--err-fg)}.log .k-stall,.log .k-retry,.log .k-abort{color:var(--warn-fg)}.log .k-announce{color:var(--ok)}.controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;font-size:.9rem;display:flex}.controls select{font:inherit;padding:.2rem}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.5rem}th{background:var(--panel)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}@media (prefers-reduced-motion:reduce){.caret{animation:none}*{scroll-behavior:auto!important;transition:none!important}}
