:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#16181d;--muted:#5d6573;--line:#d9dde4;--panel:#f5f6f8;--accent:#2557d6;--note:#fff6d6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--fg:#eceef2;--muted:#a0a8b6;--line:#2b3038;--panel:#1b1e24;--accent:#7aa2ff;--note:#3a3320}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.45 system-ui,sans-serif}button,input,textarea{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:.35rem .7rem}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}input,textarea{background:var(--bg);border:1px solid var(--line);border-radius:6px;width:100%;padding:.4rem .6rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.meta{color:var(--muted);font-size:.85em}.signin{max-width:28rem;margin:12vh auto;padding:0 1rem}.signin form{gap:.6rem;margin:1rem 0;display:grid}.app{grid-template-rows:auto 1fr;height:100vh;display:grid}.bar{border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.bar span{color:var(--muted);flex:1}.split{grid-template-columns:minmax(18rem,26rem) 1fr;min-height:0;display:grid}.list{border-right:1px solid var(--line);padding:.75rem;overflow:auto}.list ul,.messages{margin:0;padding:0;list-style:none}.filters{gap:.4rem;margin-bottom:.6rem;display:flex}.row{text-align:left;gap:.15rem;width:100%;margin-top:.4rem;display:grid}.row.selected{border-color:var(--accent)}.preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread{grid-template-rows:auto 1fr auto;min-height:0;padding:.75rem 1rem;display:grid}.thread header h2{margin:0}.actions{gap:.4rem;margin:.5rem 0;display:flex}.messages{align-content:start;gap:.6rem;padding:.5rem 0;display:grid;overflow:auto}.message{border:1px solid var(--line);border-radius:8px;max-width:42rem;padding:.5rem .75rem}.message p{white-space:pre-wrap;margin:.25rem 0 0}.message.agent{background:var(--panel);margin-left:auto}.message.note{background:var(--note);border-style:dashed}.composer{border-top:1px solid var(--line);gap:.5rem;padding-top:.75rem;display:grid}.empty{color:var(--muted);padding:1rem}.connect{max-width:52rem;padding:1rem 1.25rem;overflow:auto}.usage{border-collapse:collapse;width:100%;margin-top:.5rem}.usage th,.usage td{border-bottom:1px solid var(--line,#e5e5e5);text-align:left;padding:.35rem .5rem}.connect progress{width:100%;display:block}.step{border-top:1px solid var(--line);padding:.75rem 0 1rem}.snippet{background:var(--note);border:1px solid var(--line);-webkit-user-select:all;user-select:all;border-radius:6px;margin:.5rem 0;padding:.75rem;overflow-x:auto}.secrets{background:var(--note);border:2px solid var(--line);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.webhook{gap:.5rem;max-width:32rem;display:grid}.playground{grid-template-columns:20rem 1fr;min-height:0;display:grid}.playground-side{border-right:1px solid var(--line);padding:1rem 1.25rem;overflow:auto}.playground-side h2{margin:0 0 .25rem}.playground-controls{align-content:start;gap:.75rem;margin-top:1rem;display:grid}.field{gap:.25rem;display:grid}.field input[type=color]{height:2.4rem;padding:.2rem}.playground-frame{background:#fff;border:0;width:100%;height:100%}.signin h2{margin-top:2rem}.signin form{gap:.5rem;display:grid}@media (width<=760px){.playground{grid-template-rows:auto 70vh;grid-template-columns:1fr;overflow:auto}.split{grid-template-columns:1fr;overflow:auto}.list{border-right:0;border-bottom:1px solid var(--line)}}