.workflow-scene { position:relative; margin:24px 0 18px; width:100%; isolation:isolate; }
.workflow-scene canvas { display:block; width:100%; height:250px; pointer-events:none; }
.workflow-labels { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; text-align:center; direction:ltr; margin:0; }
.workflow-labels span { font-family:Manrope,Arial,sans-serif; font-size:13px; font-weight:600; line-height:1.5; color:#355148; letter-spacing:0; }
.workflow-fallback { position:absolute; inset:0 0 32px; display:flex; align-items:center; justify-content:space-around; font:600 24px Arial,sans-serif; color:#214f47; }
.workflow-fallback span { padding:16px; border:1px solid #9aafa2; border-radius:6px; }
.workflow-scene[data-state="running"] .workflow-fallback,
.workflow-scene[data-state="complete"] .workflow-fallback { display:none; }
.workflow-scene[data-state="fallback"] canvas { visibility:hidden; }
@media(max-width:700px) {
  .workflow-scene { margin:20px 0 12px; }
  .workflow-scene canvas { height:180px; }
  .workflow-labels { gap:8px; }
  .workflow-labels span { font-size:12px; }
}