@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#020303;--panel:#090d0b;--line:#26352d;--text:#effff5;--muted:#7c9184;--run:#22c55e;--amber:#fbbf24;--red:#ef4444}*{box-sizing:border-box}body{color:var(--text);background:var(--black);margin:0;font-family:JetBrains Mono,monospace}button,select,input,textarea{font:inherit}a{color:inherit}main:not(.sandbox){width:min(1500px,100%);margin:auto;padding:0 24px}header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;min-height:58px;font-size:12px;display:grid}.brand,header>span{align-items:center;gap:8px;display:flex}.brand{gap:10px}.brand strong{font-size:15px;font-weight:600}.brand small{color:var(--run);text-transform:uppercase;font-size:10px}header>span{color:var(--muted);text-transform:uppercase}.hero{border-bottom:1px solid var(--line);grid-template-columns:170px minmax(0,900px);gap:34px;padding:48px 0 38px;display:grid}.eyebrow{color:var(--run);text-transform:uppercase;margin:5px 0;font-size:11px}.hero h1{margin:0;font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.03}.hero h1:after{color:var(--run);content:"_";animation:1s step-end infinite blink}.hero>p:last-child{max-width:760px;color:var(--muted);grid-column:2;margin:0;font-size:13px;line-height:1.75}@keyframes blink{50%{opacity:0}}.workspace{grid-template-columns:360px minmax(0,1fr);min-height:680px;display:grid}.workspace>aside{border-right:1px solid var(--line);padding:30px 28px 50px 0}.output{min-width:0;padding:30px 0 50px 28px}label{color:var(--run);text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}label:before{content:"$ "}select{width:100%;min-height:48px;color:var(--text);border:1px solid var(--line);background:var(--panel);outline:0;padding:0 12px}select:focus{border-color:var(--run)}.goal{border-left:2px solid var(--amber);background:#0c0c08;margin-top:18px;padding:14px}.goal strong{color:var(--amber);text-transform:uppercase;font-size:10px}.goal p{color:#c4cfca;margin:7px 0 0;font-size:11px;line-height:1.6}.sandbox-link{color:#86efac;margin:18px 0;font-size:10px;display:inline-block}.sandbox-link:before{content:"↗ "}.workspace aside>button{color:#001407;border:1px solid var(--run);background:var(--run);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-size:11px;font-weight:600;display:flex;box-shadow:0 0 22px #22c55e21}.workspace aside>button:hover{color:var(--run);background:0 0}.workspace aside>button:disabled{opacity:.5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guardrails{border:1px dashed var(--line);margin-top:22px;padding:12px}.guardrails:before{color:var(--muted);content:"sandbox.policy";font-size:9px}.guardrails p{color:var(--muted);align-items:center;gap:7px;margin:9px 0;font-size:9px;display:flex}.guardrails svg{color:var(--run)}.output:before{color:var(--muted);content:"agent://session/output";margin-bottom:14px;font-size:10px;display:block}.empty{border:1px dashed var(--line);text-align:center;align-content:center;place-items:center;min-height:560px;display:grid}.empty svg{color:var(--run)}.empty h2{margin:18px 0 7px;font-size:17px;font-weight:500}.empty p{max-width:480px;color:var(--muted);margin:0;font-size:10px}.failure{color:#fecaca;border:1px solid var(--red);background:#190606;padding:18px}.run-summary{color:var(--run);border:1px solid var(--run);background:#031208;justify-content:space-between;align-items:center;padding:13px 15px;font-size:11px;display:flex}.run-summary span{align-items:center;gap:8px;display:flex}.run-summary strong{font-size:10px}.trace{border:1px solid var(--line);gap:0;margin-top:14px;display:grid;position:relative}.trace article{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:42px 1fr 24px;align-items:center;gap:11px;min-height:78px;padding:12px;display:grid}.trace article:last-child{border:0}.trace article:hover{background:#0c1510}.trace article>span{color:var(--muted);font-size:10px}.trace article>span:before{content:"["}.trace article>span:after{content:"]"}.trace strong{color:#bbf7d0;font-size:10px}.trace p{color:var(--muted);margin:5px 0 0;font-size:10px}.trace article>svg{color:var(--run)}.code{border:1px solid var(--line);background:#000;margin-top:14px}.code>div{min-height:40px;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 12px;font-size:10px;display:flex}.code pre{color:#d1fae5;white-space:pre-wrap;max-height:340px;margin:0;padding:18px;font-size:10px;line-height:1.75;overflow:auto}.sandbox{color:#111827;background:#f1f5f9;min-height:100vh;padding:8vw;font-family:system-ui,sans-serif}.sandbox form,.sandbox section{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:min(520px,100%);margin:auto;padding:30px}.sandbox h1{font-size:38px}.sandbox label{color:#334155;text-transform:none;margin:16px 0 6px}.sandbox label:before{content:none}.sandbox input,.sandbox textarea{color:#111827;background:#fff;border:1px solid #94a3b8;border-radius:5px;width:100%;min-height:44px;margin-top:6px;padding:9px;display:block}.sandbox button{color:#fff;background:#2563eb;border:0;border-radius:5px;min-height:44px;padding:0 15px}.sandbox form>button{width:100%;margin-top:18px}.sandbox-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sandbox-grid article{background:#fff;border:1px solid #cbd5e1;padding:20px}.store header{color:#111827;background:#fff;border:1px solid #cbd5e1;width:min(760px,100%);margin:0 auto 20px;padding:14px;display:flex}.form-error{color:#dc2626;margin-top:5px;font-size:12px;display:block}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--run);outline-offset:3px}@media (max-width:800px){.hero{grid-template-columns:1fr}.hero>p:last-child{grid-column:1}.workspace{grid-template-columns:1fr}.workspace>aside{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.output{padding-left:0}}@media (max-width:550px){main:not(.sandbox){padding:0 12px}.hero h1{font-size:39px}.trace article{grid-template-columns:34px 1fr 20px}.sandbox-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}