@font-face{font-family:_Matter;font-display:block;src:url(/static/matter.woff2)}:root{color-scheme:light dark;--bg:light-dark(#f4f4f4,#1a1a1a);--panel:light-dark(#ececec,#202020);--panel-2:light-dark(#e4e4e4,#2a2a2a);--border:light-dark(#e2e2e2,#373737);--text:light-dark(rgb(0 0 0/0.8),rgb(255 255 255/0.9));--muted:light-dark(rgb(0 0 0/0.6),rgb(255 255 255/0.65));--accent:light-dark(oklch(0.6 0.15 258),oklch(0.68 0.15 258));--accent-soft:light-dark(oklch(0.6 0.15 258/0.1),oklch(0.68 0.15 258/0.14));--ok:light-dark(oklch(0.62 0.16 150),oklch(0.74 0.18 150));--warn:light-dark(oklch(0.62 0.13 75),oklch(0.8 0.13 80));--error:light-dark(oklch(0.59 0.25 20),oklch(0.71 0.23 20));--strong:light-dark(#1e1e1e,#f2f2f2);--strong-pressed:light-dark(#333333,#d4d4d4);--on-strong:light-dark(#f9f9f9,#373737);--control:light-dark(#f9f9f9,#373737);--placeholder:light-dark(rgb(0 0 0/0.425),rgb(255 255 255/0.5));--mono:"SFMono-Regular",Menlo,ui-monospace,Consolas,monospace;--font-body:-apple-system,"system-ui",_Inter,system-ui,sans-serif;--font-heading:_Matter,var(--font-body);--ghost:light-dark(rgb(0 0 0/0.05),rgb(255 255 255/0.05));--ghost-strong:light-dark(rgb(0 0 0/0.1),rgb(255 255 255/0.09));--popup-outline:light-dark(rgb(0 0 0/0.08),#3c3c3c);--popup-shadow:0 0 0 1px var(--popup-outline),0 8px 28px -12px rgb(0 0 0/0.16);--shadow-control:inset 0 1px #fff8,inset 0 0 1px 1px #fff8,0 0.5px 1px #0001,0 0 1px #0002,0 0 4px -1px #0002}@media (prefers-color-scheme:dark){:root{--popup-shadow:0 0 0 0.5px var(--popup-outline),0 8px 28px -10px rgb(0 0 0/0.32);--shadow-control:inset 0 1px #ffffff08,inset 0 0 1px 0.5px #fff1,0 1px 0.5px #0002,0 0 3px -1px #000b}}*{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}body,html{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agent{display:grid;grid-template-columns:1fr minmax(240px,307px);height:100vh;overflow:hidden}.panel{display:flex;flex-direction:column;min-height:0;min-width:0}.panel.chat{background:var(--panel)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.panel-head h1{font-size:15px;margin:0}.brand{display:flex;align-items:center;gap:8px}.brand svg{color:var(--text)}.gh-link{margin-left:auto;display:inline-flex;color:var(--muted);transition:color .15s ease}.gh-link:hover{color:var(--text)}.panel-head h2{font-size:13px;margin:0;color:var(--muted);font-weight:500}.origin{font-family:var(--mono);font-size:11px;color:var(--muted)}.badge-row{display:flex;align-items:center;gap:10px}.badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);white-space:nowrap}.badge-ready{color:var(--ok);border-color:var(--accent-dim)}.badge-idle,.badge-waiting{color:var(--accent)}.badge-empty,.badge-unsupported{color:var(--warn)}.link{background:none;border:none;color:var(--accent);cursor:default;font-size:11px;padding:0;text-decoration:underline}.banner{display:flex;align-items:flex-start;gap:8px;margin:10px 16px 0;padding:10px 12px;border-radius:8px;font-size:12.5px;line-height:1.5;border:1px solid}.banner-body{flex:1 1;min-width:0}.banner-dismiss{flex:none;background:none;border:none;color:inherit;opacity:.6;cursor:default;font-size:16px;line-height:1;padding:0 2px}.banner-dismiss:hover{opacity:1}.banner code{font-family:var(--mono);font-size:11px}.banner-warn{background:color-mix(in srgb,var(--warn) 12%,transparent);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn)}.banner-error{background:color-mix(in srgb,var(--error) 12%,transparent);border-color:color-mix(in srgb,var(--error) 40%,transparent);color:var(--error)}.transcript{flex:1 1;min-height:0;overflow-y:auto;padding:16px;gap:16px}.splash,.transcript{display:flex;flex-direction:column}.splash{margin:auto;max-width:320px;align-items:center;text-align:center;gap:14px;padding:24px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splash a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.splash-mark{width:46px;height:46px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--text)}.splash-mark svg{width:21px;height:21px}.splash h2{margin:0;font-family:var(--font-heading);font-size:18px;font-weight:480;line-height:28px;letter-spacing:.01em;color:var(--text)}.splash p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.splash strong{color:var(--text);font-weight:600}.splash-prompts{flex-direction:column;margin-top:4px}.splash-prompt,.splash-prompts{display:flex;gap:8px;width:100%}.splash-prompt{align-items:center;justify-content:space-between;min-height:32px;text-align:left;background:var(--ghost);border:none;border-radius:6px;color:var(--text);padding:12px 16px;font-size:13px;font-weight:500;cursor:default;transition:background .15s ease;position:relative}.splash-prompt:hover{background:var(--ghost-strong)}.splash-prompt:hover svg{opacity:.7}.splash-prompt svg{flex:none;width:15px;height:15px;fill:currentColor;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.msg{display:flex;flex-direction:column;gap:6px}.who{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.msg-user .who{color:var(--accent)}.parts{display:flex;flex-direction:column;gap:8px}.text{margin:0;white-space:pre-wrap;line-height:1.55}.tool{border:1px solid var(--border);border-radius:8px;background:var(--panel-2);overflow:hidden}.tool-error{border-color:rgba(240,97,109,.4)}.tool-head{display:flex;align-items:center;gap:8px;padding:7px 10px;font-family:var(--mono);font-size:12px}.tool-dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.tool-error .tool-dot{background:var(--error)}.tool-state{margin-left:auto}.tool-io,.tool-state{color:var(--muted);font-size:11px}.tool-io{margin:0;padding:8px 10px;font-family:var(--mono);line-height:1.45;white-space:pre-wrap;word-break:break-word}.tool-io-error{color:var(--error)}.tool-out{display:block;width:100%;border-top:1px solid var(--border);text-align:left}.tool-out-collapsed{position:relative;max-height:80px;overflow:hidden;background:none;border-left:none;border-right:none;border-bottom:none;color:inherit;cursor:default;padding:0}.tool-out-collapsed:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.tool-out-fade{position:absolute;inset:auto 0 0 0;height:28px;background:linear-gradient(to bottom,transparent,var(--panel-2));pointer-events:none}.tool-out-open{background:none}.tool-out-toggle{display:block;width:100%;text-align:right;background:none;border:none;border-bottom:1px solid var(--border);color:var(--muted);font-size:10px;padding:4px 10px;cursor:default}.tool-out-toggle:hover{color:var(--text)}.tool-out-body{max-height:360px;overflow:auto}.tool-out-collapsed .tool-out-body{max-height:none;overflow:visible}.tool-img{display:block;max-width:calc(100% - 20px);height:auto;margin:10px;border-radius:6px;border:1px solid var(--border)}.composer{display:flex;align-items:center;gap:8px;padding:12px 16px}.composer input{flex:1 1;min-width:0;height:34px;background:var(--control);border:none;border-radius:6px;box-shadow:var(--shadow-control);color:var(--text);padding:0 10px;font:inherit;font-size:13px}.composer input::placeholder{color:var(--placeholder);opacity:1}.composer input:focus,.composer input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.composer button{height:34px;background:var(--strong);color:var(--on-strong);border:none;border-radius:6px;padding:0 14px;font-size:13px;font-weight:500;line-height:1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.composer button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composer button:active{background:var(--strong-pressed)}.panel.preview{background:var(--panel);padding:12px}.preview iframe{flex:1 1;width:100%;border:none;border-radius:10px;background:light-dark(#fff,#222);box-shadow:var(--popup-shadow)}.tools{border-top:1px solid var(--border);padding:10px 16px;max-height:200px;overflow:auto}.tools summary{cursor:pointer;color:var(--muted);font-size:12px}.tools ul{margin:8px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.tools li{font-size:12px;line-height:1.4}.tools code{font-family:var(--mono);color:var(--accent)}.tools span{color:var(--muted)}.tools li details summary{display:flex;align-items:center;gap:8px}.prop-count{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 6px}.tool-desc{margin:6px 0;color:var(--muted);font-size:11.5px;line-height:1.4}.tool-args{border-top:1px solid var(--border)}.tool-args summary{cursor:pointer;padding:6px 10px;font-family:var(--mono);font-size:11px;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-args summary::marker{color:var(--muted)}.tool-args .tool-io{border-top:1px solid var(--border)}.thinking{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;padding:2px 0}.thinking-dots{display:inline-flex;gap:4px}.thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.35;animation:thinking-pulse 1.1s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.18s}.thinking-dots span:nth-child(3){animation-delay:.36s}.thinking-label{letter-spacing:.02em}@keyframes thinking-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.thinking-dots span{animation:none;opacity:.7}}