@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#111614;--paper:#e9e9df;--muted:#82908a;--line:#33403a;--acid:#d9ef63;--violet:#9c86ff;--orange:#ed8151;--cyan:#7fe3d2;--ink:#19241f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:'Space Grotesk',sans-serif}header,main,footer{max-width:1500px;margin:auto;padding-left:4vw;padding-right:4vw}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:.08em}.brand{color:var(--paper);text-decoration:none}.brand b{color:var(--acid);font-size:17px;margin-right:8px}.status{color:var(--muted)}.status i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px}.hero{padding:70px 0 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.eyebrow,.matrix-head,.section-label{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:var(--violet)}h1{font-size:clamp(60px,9vw,132px);line-height:.8;letter-spacing:-.1em;font-weight:500;margin:20px 0 28px}h1 em{color:var(--violet);font-style:normal}.lede{font-size:16px;line-height:1.5;color:var(--muted);max-width:580px}.hero-readout{align-self:end;border-top:1px solid var(--paper);border-bottom:1px solid var(--paper);padding:18px 0;display:grid;grid-template-columns:1fr 2fr;align-items:baseline;column-gap:20px}.hero-readout strong{font:43px 'DM Mono',monospace;letter-spacing:-.08em}.hero-readout span{font:9px 'DM Mono',monospace;color:var(--muted);letter-spacing:.09em}.hero-readout hr{grid-column:1/-1;width:100%;border:0;border-top:1px solid var(--line);margin:15px 0}.hero-readout .provider-note{line-height:1.6;color:var(--cyan)}.controls{display:flex;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:16px}.controls input,.controls select,.controls button{height:39px;border:1px solid var(--line);background:transparent;color:var(--paper);font:10px 'DM Mono',monospace;padding:0 12px}.controls input{flex:1;min-width:180px}.controls select{width:150px}.controls button{cursor:pointer;color:var(--acid)}.controls button:hover{background:#27362f}.matrix-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px}.matrix-wrap{min-width:0}.matrix-head,.row{display:grid;grid-template-columns:2.1fr 1fr 1fr .75fr;gap:14px;align-items:center}.matrix-head{padding:13px 14px;border-bottom:1px solid var(--line);font-size:9px}.row{padding:13px 14px;border-bottom:1px solid var(--line);font:11px 'DM Mono',monospace;cursor:pointer}.row:hover,.row.selected{background:#1c2923}.project-name{font:500 13px 'Space Grotesk',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-path{color:#65736b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.state{font-size:9px;color:var(--muted)}.state b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:6px}.state b.blocked{background:var(--orange)}.state b.unfinished{background:var(--violet)}.state b.activation{background:var(--acid)}.trace{color:#65736b;font-size:10px}.fork-button{border:1px solid var(--line);color:var(--acid);padding:7px 8px;background:transparent;font:9px 'DM Mono',monospace;cursor:pointer}.fork-button:hover{border-color:var(--acid)}.drawer{border:1px solid var(--line);min-height:450px;padding:20px;position:sticky;top:15px;align-self:start}.drawer-empty{font-size:26px;letter-spacing:-.05em;line-height:.95;color:var(--muted);padding-top:30px}.drawer-empty small{font-size:12px;letter-spacing:0}.drawer h2{font-size:28px;letter-spacing:-.06em;font-weight:500;margin:12px 0}.drawer .path{font:9px 'DM Mono',monospace;color:var(--muted);word-break:break-all}.drawer .excerpt{font-size:12px;line-height:1.45;color:#aeb9b0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:16px 0}.prompt-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prompt-tabs button{padding:9px 6px;background:#1c2923;border:1px solid var(--line);color:var(--paper);font:9px 'DM Mono',monospace;cursor:pointer}.prompt-tabs button.active{border-color:var(--acid);color:var(--acid)}.prompt-box{margin-top:10px;background:#0b100e;border:1px solid #26332c;padding:12px;color:#c8d1c8;font:10px/1.5 'DM Mono',monospace;max-height:200px;overflow:auto;white-space:pre-wrap}.run{margin-top:10px;width:100%;padding:11px;background:var(--acid);border:0;color:var(--ink);font:500 10px 'DM Mono',monospace;cursor:pointer}.run:disabled{opacity:.5}.result{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;white-space:pre-wrap;color:var(--cyan);font:10px/1.5 'DM Mono',monospace;max-height:260px;overflow:auto}.result.error{color:var(--orange)}footer{border-top:1px solid var(--line);margin-top:70px;padding-top:18px;padding-bottom:24px;display:flex;justify-content:space-between;color:#5e6c64;font:9px 'DM Mono',monospace}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.matrix-layout{grid-template-columns:1fr}.drawer{position:static}.matrix-head,.row{grid-template-columns:2fr .8fr .8fr}.matrix-head span:nth-child(3),.row .trace{display:none}}@media(max-width:620px){header{height:auto;padding-top:20px;padding-bottom:20px;gap:15px;align-items:flex-start;flex-direction:column}.status{position:absolute;right:4vw;top:22px}.controls{flex-wrap:wrap}.controls input{flex-basis:100%}.matrix-head,.row{grid-template-columns:1.7fr .8fr .7fr}.matrix-head span:nth-child(3),.row .trace{display:none}.project-name{font-size:12px}}