:root{--paper:#f5f6f7;--surface:#fff;--ink:#20252b;--muted:#53677c;--line:#cbd6e3;--blue:#2455ba;--blue-dark:#193d87;--tint:#e6edf9;--teal:#0b7168;--error:#9c2635;--radius:6px;--body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,"Cascadia Code","DejaVu Sans Mono",monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--body)}button,input,select{font:inherit}a{color:var(--blue)}button,a,input,select,pre{outline-offset:4px}:focus-visible{outline:3px solid var(--blue)}.skip{position:absolute;top:-100px;left:16px;padding:8px;background:white;z-index:10}.skip:focus{top:8px}.masthead{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:24px 32px;border-bottom:1px solid var(--line)}main{max-width:1280px;margin:auto;padding:24px 32px}h1{font-size:22px;line-height:1.3;font-weight:650;margin:0}h2{font-size:17px;font-weight:650;letter-spacing:-.3px;margin:0}.workspace{display:grid;grid-template-columns:296px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.controls{padding:24px;border-right:1px solid var(--line);background:#f8fafd}.controls h2{margin-bottom:24px}fieldset{margin:0;padding:0;border:0;min-width:0}label{display:block;font-size:12px;font-weight:650;margin:16px 0 6px}fieldset>label:first-child{margin-top:0}input,select{width:100%;min-width:0;background:var(--surface);color:var(--ink);border:1px solid #a5b5c8;border-radius:4px;padding:9px 10px;height:42px}#endpoint{font-size:12px}.hint,.hosting-note{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0 12px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{cursor:pointer;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:#fff;padding:9px 14px;font-weight:600;font-size:13px;min-height:40px}button:hover:not(:disabled){background:var(--blue-dark)}button.secondary{background:transparent;color:var(--ink);border-color:#a5b5c8}button.secondary:hover:not(:disabled){background:var(--tint)}button:disabled{cursor:default;opacity:.5}input:disabled,select:disabled{background:var(--paper)}#check{width:100%}.actions{display:flex;gap:8px;margin-top:20px}#run{flex:1;display:flex;justify-content:space-between;align-items:center}.hosting-note{border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0}.observation{min-width:0;display:flex;flex-direction:column}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px}.state{font:11px var(--mono);background:var(--tint);border-radius:4px;padding:6px 10px}.state[data-state="failed"]{color:var(--error);background:#fcebef}.state[data-state="streaming"]{color:var(--teal);background:#e1f4ee}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid var(--line);padding:20px 0}.metrics>div{padding:0 24px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}dt{color:var(--muted);font-size:11px}dd{font:28px/1.5 var(--mono);letter-spacing:-1px;margin:6px 0 0;white-space:nowrap}dd small{font:10px var(--mono);color:var(--muted);margin-left:8px;letter-spacing:0}.trace-wrap{padding:16px 24px 0}.trace-heading{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);gap:12px}#trace{display:block;width:100%;height:56px;margin-top:8px}.baseline{stroke:var(--line)}.trace-bar{fill:var(--blue)}.reading{height:300px;margin:20px 24px 0;position:relative;overflow:hidden}.reading pre{height:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.85 var(--display);margin:0;padding:0 12px 16px 0}#empty{color:var(--muted);font:14px/1.5 var(--body);margin:24px 0}#status{font-size:12px;color:var(--muted);padding:16px 24px;margin:auto 0 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.history{margin-top:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.history>.hint{margin:0 24px 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font:12px var(--mono)}th{font:600 11px var(--body);color:var(--muted);background:#f8fafd}td,th{padding:12px 24px;border-top:1px solid var(--line);white-space:nowrap}footer{display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:11px;color:var(--muted);padding:20px 0 32px}.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}[hidden]{display:none!important}
@media(max-width:900px){.workspace{grid-template-columns:260px minmax(0,1fr)}.controls{padding:20px}.metrics>div{padding:0 12px}dd{font-size:22px}dd small{display:block;margin:0}}
@media(max-width:680px){main{padding:16px}.masthead{padding:16px}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.controls h2{margin-bottom:16px}.metrics{padding:16px 0}.metrics>div{padding:0 12px}.section-top{padding:16px}.trace-wrap{padding:16px 16px 0}.trace-heading{font-size:9px}.reading{margin:16px 16px 0;height:260px}#status{padding:16px}.history{margin-top:20px}td,th{padding:12px 16px}footer{grid-template-columns:1fr;gap:0}.history>.hint{margin:0 16px 16px}}