.lab-page{padding-block:clamp(43px,6vw,86px)}.lab-intro{margin-bottom:32px}.lab-intro h1{margin-top:12px;font-size:clamp(45px,6vw,78px)}.lab-intro p:not(.eyebrow){max-width:610px;color:var(--muted);margin-top:15px;font-size:18px;line-height:1.5}.demo{border:1px solid #cdd8e9;border-radius:8px;overflow:hidden}.demo-top{color:#e6efff;font:12px/1.3 var(--mono);background:#15233a;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.demo-layout{grid-template-columns:minmax(155px,.75fr) minmax(320px,2fr) minmax(255px,1.15fr);display:grid}.demo-scenarios,.demo-evidence{background:#f5f8fc;padding:19px 14px}.demo-scenarios{border-right:1px solid var(--line)}.workspace-label{color:var(--muted);font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em}.demo-scenarios>button{width:100%;min-height:42px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:7px 9px;font-size:13px;display:flex}.demo-scenarios>button:first-of-type{margin-top:12px}.demo-scenarios>button[aria-pressed=true]{color:#13478a;background:#e6effe;border-color:#c7d9f3}.demo-scenarios small{color:var(--muted);font:10px/1.2 var(--mono)}.demo-docs{color:var(--accent);align-items:center;gap:4px;margin-top:18px;font-size:12px;display:inline-flex}.demo-run{min-width:0;padding:clamp(15px,2vw,27px)}.demo-run-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:10px;display:flex}.demo-run-heading h2{margin-top:6px;font-size:clamp(26px,3vw,42px)}.demo-state{color:#344661;font:11px/1.2 var(--mono);background:#eef2f8;border-radius:4px;padding:5px 8px}.demo-state.phase-1{color:#13478a;background:#e6effe}.demo-state.phase-2{color:#784607;background:#fff0d7}.demo-state.phase-3{color:#156342;background:#e0f4ea}.demo-task{color:var(--muted);margin-block:15px;font-size:15px;line-height:1.45}.demo-timeline{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.demo-timeline li{border-bottom:1px solid var(--line);grid-template-columns:25px 1fr auto;align-items:center;gap:9px;min-height:49px;padding:7px 5px;display:grid}.demo-timeline strong{font-size:14px;font-weight:500}.demo-timeline small{font:10px/1.2 var(--mono);color:var(--muted);text-align:right}.demo-node{color:#45546b;width:23px;height:23px;font:11px/1 var(--mono);background:#edf1f8;border-radius:50%;place-items:center;transition:background .25s;display:grid}[data-state=done] .demo-node{color:#156342;background:#e0f4ea}[data-state=active-1]{background:#f0f6ff}[data-state=active-1] .demo-node{color:#fff;background:#1d61c9;animation:1.8s infinite workspace-pulse}[data-state=active-2]{background:#fffaef}[data-state=active-2] .demo-node{color:#784607;background:#ffebc5}.demo-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.demo-reset{border:1px solid var(--line);color:var(--muted);background:0 0;padding:9px 12px}.demo-evidence{border-left:1px solid var(--line);min-width:0}.evidence-tabs{flex-wrap:wrap;gap:4px;margin:12px 0;display:flex}.evidence-tabs button{color:var(--muted);background:#fff;border:1px solid #d8e2f0;padding:6px;font-size:11px}.evidence-tabs button[aria-pressed=true]{color:#13478a;background:#e6effe;border-color:#a9c4e8}.evidence-body{border:1px solid var(--line);background:#fff;min-height:210px}.evidence-body h3{border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px}.evidence-body p,.evidence-body pre{color:var(--muted);margin:0;padding:10px}.evidence-body p{font-size:13px;line-height:1.4}.evidence-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.55 var(--mono);color:#15437d}@media (max-width:940px){.demo-layout{grid-template-columns:minmax(0,1.35fr) minmax(230px,1fr)}.demo-scenarios{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.demo-scenarios>button{width:auto}.demo-scenarios>button:first-of-type,.demo-docs{margin-top:0}}@media (max-width:620px){.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-scenarios>p,.demo-docs{flex-basis:100%}.demo-evidence{border-left:0;border-top:1px solid var(--line)}.evidence-body{min-height:100px}}.demo-actions .button:disabled{cursor:wait;background:#5176ac}.demo-history{margin-top:18px}.demo-history h3{font-size:13px}.demo-history ol{margin:8px 0 0;padding:0;list-style:none}.demo-history li{border-left:2px solid #bfcee2;gap:4px;padding:7px 0 7px 10px;font-size:11px;display:grid}.demo-history li span{color:var(--muted)}