/* Stable visual stages; automatic drawings share the page motion clock. */
#lab{max-width:1100px;margin-left:auto;margin-right:auto}
#lab .product-body{grid-template-columns:160px minmax(0,1fr);min-height:0}
#lab .workspace{padding:23px 26px 18px;min-width:0}
#lab .workspace-title h2{font-size:21px}
#lab .flow-replay{border:0;background:none;color:#a8bad5;font-size:11px;padding:9px 0;white-space:nowrap}
#lab .flow-replay:hover{color:var(--gold)}
#lab .flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;margin:12px 0 22px;position:relative}
#workflow-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#lab .node{position:relative;min-width:0}
#lab .node-visual{height:166px;width:100%}
#lab .connector{display:none}
#lab .node small{font-size:10px;color:#8b9fbd}
#lab .node h3{font-size:15px;line-height:1.6;margin-top:3px;color:#d2def1}
#lab .node p{font-size:11px;line-height:1.8;margin-top:5px;color:#8fa4c1;max-width:230px}
#lab .result{min-height:96px;padding:14px 17px;position:relative;background:#1b273a;border-color:#ffffff16;box-shadow:inset 3px 0 #6e96cd;transition:none}
#lab .result.complete{border-color:#b99b505c;box-shadow:inset 3px 0 #fdcb5a;background:linear-gradient(110deg,#2a3040,#202a3b)}
#lab .result:before{display:none}
#lab .result h3{margin-top:2px;font-size:14px}#lab .result p{margin-top:4px}
#lab .result-status{white-space:normal;max-width:120px;text-align:right;flex-shrink:0}
#lab .product-foot{margin-top:10px}
@media(max-width:950px) and (min-width:701px){#lab .product-body{grid-template-columns:140px minmax(0,1fr)}#lab .workspace{padding:20px 16px}#lab .flow{gap:12px}#lab .node h3{font-size:13px}}
@media(max-width:700px){#lab .product-body{display:block}#lab .workspace{padding:18px 14px 16px}#lab .workspace-title h2{font-size:17px}#lab .flow-replay{font-size:10px}#lab .flow{display:flex;flex-direction:column;gap:12px;margin:10px 0 16px}#lab .node{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:12px;align-content:center;align-items:center;min-height:142px;width:100%}#lab .node-visual{grid-column:1;grid-row:1/4;height:142px}#lab .node small,#lab .node h3,#lab .node p{grid-column:2}#lab .node small{align-self:end;font-size:9px}#lab .node h3{font-size:14px;margin:0}#lab .node p{align-self:start;font-size:10px;margin:2px 0 0}#lab .result{min-height:0}#lab .result-status{text-align:left;max-width:none;margin-top:8px}#lab .demo-badge{font-size:9px}}
@media(max-width:360px){#lab .node{grid-template-columns:118px minmax(0,1fr);column-gap:8px}#lab .workspace{padding-left:12px;padding-right:12px}#lab .node h3{font-size:12px}#lab .workspace-title{gap:8px}#lab .workspace-title h2{font-size:16px}}