:root{--ink:#17201d;--muted:#68736f;--line:#dce3df;--panel:#ffffff;--canvas:#f2f5f3;--green:#087f5b;--green-soft:#dff4eb;--coral:#e8654a;--navy:#19324a}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--ink)}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,textarea{font:inherit}button{cursor:pointer}.topbar{height:68px;padding:0 clamp(20px,5vw,72px);background:#fff;border-bottom:1px solid var(--line);justify-content:space-between}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:white;background:var(--green);border-radius:6px}.brand div{display:flex;align-items:baseline;gap:8px}.brand strong{font-size:16px}.brand div span{color:var(--muted);font-size:13px}.environment{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);display:flex;align-items:center;gap:8px}.environment>span,.status-dot{width:8px;height:8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 3px var(--green-soft)}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:56px 0 64px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:40px}.eyebrow,.section-heading span,.trace>span{margin:0 0 10px;color:var(--green);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}h1{margin:0;max-width:760px;font-size:clamp(38px,5vw,62px);line-height:1.03;font-weight:650}.lede{max-width:630px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.release{min-width:235px;padding:14px 16px;display:flex;align-items:center;gap:12px;border-left:3px solid var(--navy);background:#fff}.release div{flex:1 1;display:flex;flex-direction:column;gap:3px}.release span,.service span{color:var(--muted);font-size:11px}.release strong,.service strong{font-size:13px}.healthy{color:var(--green)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--line);grid-gap:1px;gap:1px;margin-bottom:24px}.service{min-height:82px;padding:16px;display:flex;align-items:center;gap:11px;background:white}.service-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--navy);background:#edf2f5;border-radius:5px}.service>div:nth-child(2){display:flex;flex:1 1;flex-direction:column;gap:4px}.workspace{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);grid-gap:24px;gap:24px;align-items:stretch}.console,.result-panel{padding:26px;background:var(--panel);border:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:20px}.section-heading span{display:block;margin-bottom:5px}.section-heading h2{margin:0;color:var(--ink);font-size:20px}.quick-prompts{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.quick-prompts button{min-height:42px;padding:9px 12px;display:flex;align-items:center;gap:12px;text-align:left;color:#52605b;border:1px solid var(--line);background:white;border-radius:4px}.quick-prompts button span{color:#89938f;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.quick-prompts button.selected,.quick-prompts button:hover{border-color:#70a994;background:#f2faf7;color:var(--ink)}textarea{width:100%;min-height:138px;resize:vertical;padding:15px;border:1px solid #bfcac5;border-radius:4px 4px 0 0;color:var(--ink);background:#fbfcfb;line-height:1.55;outline:none}textarea:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.form-footer{min-height:54px;padding:8px 8px 8px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid #bfcac5;border-top:0}.form-footer>span{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.run{min-width:125px;height:38px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:9px;color:white;border:0;border-radius:4px;background:var(--green);font-weight:650}.run:hover{background:#066f50}.run:disabled{opacity:.58;cursor:wait}.result-panel{min-height:500px}.empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#99a29f;text-align:center}.empty strong{color:#56625e;font-size:14px}.empty span{font-size:12px}.error{padding:14px;display:flex;gap:11px;color:#a33127;background:#fff1ef;border-left:3px solid var(--coral)}.error div{display:flex;flex-direction:column;gap:5px}.error span{font-size:12px;overflow-wrap:anywhere}.result-meta{display:flex;gap:8px;margin-bottom:18px}.result-meta span{padding:6px 8px;display:flex;align-items:center;gap:5px;color:#45534e;background:#edf2ef;border-radius:3px;font-size:11px}.result p{font-size:14px;line-height:1.65;white-space:pre-wrap}.result ol{margin:20px 0;padding-left:23px;color:#52605b;font-size:12px;line-height:1.7}.trace{padding:13px;background:#17201d;border-radius:4px}.trace>span{display:block;color:#86d6b9;margin-bottom:7px}.trace code{display:block;color:#d8e3df;font-size:10px;overflow-wrap:anywhere}.trace a{margin-top:11px;display:flex;align-items:center;gap:4px;color:white;font-size:12px;text-decoration:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:850px){.intro{align-items:flex-start;flex-direction:column}.release{width:100%}.service-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}}@media (max-width:520px){.topbar{padding:0 16px}.brand div span{display:none}.environment{font-size:10px}.shell{width:min(100% - 24px,1180px);padding-top:34px}h1{font-size:39px}.service-grid{grid-template-columns:1fr}.console,.result-panel{padding:18px}}