:root{--ink:#183f36;--muted:#536c62;--paper:#f4f4ec;--border:#d6dfd1;--accent:#155e4c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}button,select,a{touch-action:manipulation}.workshop{padding:28px;max-width:1480px;margin:auto}header{margin-bottom:24px}h1{font-size:clamp(25px,3.2vw,40px);font-weight:780;line-height:1.15;margin:10px 0 16px}h2{font-size:23px;font-weight:750;line-height:1.3}h3{font-size:16px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750}.runtime{padding:15px 18px;border-left:4px solid #a6ba6c;border-radius:0 10px 10px 0;background:#e7edd7}.small,.form-text{color:var(--muted)}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px}aside{min-width:0}.workspace{min-width:0;display:grid;gap:18px}.panel{padding:24px;background:#fff;border:1px solid var(--border);border-radius:15px;min-width:0}nav{display:grid;gap:7px;margin:17px 0}nav button{border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px;text-align:left;color:var(--ink);font-size:14px;min-height:44px}nav button[aria-current=true]{background:#165a49;color:#fff;border-color:#165a49}.archive{display:block;background:#165a49;color:#fff!important;padding:12px;border-radius:10px;text-decoration:none;margin:16px 0;font-weight:650}a{color:#145c49;overflow-wrap:anywhere}a:hover{text-decoration:underline}.tip{padding:13px 16px;background:#f0f4e7;border-radius:9px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.btn{min-height:44px;font-size:14px;white-space:normal}.btn-success{background:var(--accent);border-color:var(--accent)}.form-select{min-height:46px;font-size:14px}#status{padding:10px 13px;background:#e6f4ea;border-radius:8px;font-weight:650}#status.failed{background:#fff1d7;color:#75450c}.facts{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.facts span{padding:5px 10px;border-radius:8px;background:#eef2e8}.graph{width:100%;margin-top:16px;border-radius:12px;background:#f3f6ef;border:1px solid var(--border);padding:12px;overflow:hidden}.graph svg{display:block;width:100%;height:auto}.graph text{font:13px system-ui;fill:var(--ink)}.graph .active rect{fill:#14664f;stroke:#14664f}.graph .active text{fill:white}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{padding:6px 12px;border:1px solid #c5ddc8;background:#e7f5e8;border-radius:99px;font:14px ui-monospace,monospace}.blocker{padding:11px 0;border-bottom:1px solid var(--border)}.blocker p{margin:4px 0;font-size:14px}.blocker code{color:#496554}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.compare>div{min-width:0}pre{max-width:100%;max-height:420px;overflow:auto;padding:16px;border-radius:10px;background:#103c33;color:#e9f2d6;font:12px/1.65 Consolas,monospace;white-space:pre;tab-size:2}details{margin-top:18px;border-top:1px solid var(--border);padding-top:13px}summary{cursor:pointer;font-weight:650;padding:5px 0;min-height:36px}details[open] summary{margin-bottom:12px}#events{padding-left:23px;font-size:14px}footer{margin-top:24px;color:var(--muted);font-size:13px}:focus-visible{outline:3px solid #c9962c;outline-offset:3px}@media(max-width:800px){.layout{grid-template-columns:1fr}nav{display:none}aside .archive{margin:12px 0}.panel{padding:19px}.workshop{padding:19px}}@media(max-width:420px){.workshop{padding:12px}.panel{padding:15px}.compare{grid-template-columns:1fr}h2{font-size:21px}.actions{gap:7px}.actions .btn{flex:1 1 105px}.graph{padding:5px}.runtime{padding:12px}.graph text{font-size:12px}}

.state-cards{display:none}@media(max-width:650px){.graph svg{display:none}.state-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.state-card{display:grid;gap:4px;padding:10px;border:1px solid #bfd1bd;border-radius:9px;background:white;overflow-wrap:anywhere}.state-card strong{font-size:13px;line-height:1.4}.state-card code{font-size:11px;color:#536c62}.state-card small{font-size:11px}.state-card.current{background:#14664f;color:white}.state-card.current code{color:#d4edd4}}