.animation-scene{padding:24px 10px;background:#f5f1fb;border:1px solid #ded5ec;border-radius:24px;overflow:hidden}.workflow-svg{display:block;width:100%;height:auto;min-height:180px}.workflow-step{opacity:.55;transition:opacity .45s}.workflow-step.current,.workflow-step.complete{opacity:1}.workflow-step.current>rect{stroke:#6651cc;stroke-width:3;fill:#f8f5ff}.workflow-text-steps{display:flex;gap:16px;list-style:none;padding:0 18px;margin:0;flex-wrap:wrap}.workflow-text-steps li{font-size:11px;line-height:1.6;flex:1;min-width:110px;color:#6a5d7a}.animation-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px}.animation-caption{font-size:12px;color:#6a5d7a;flex:1;min-width:180px}.animation-replay{background:none;border:0;border-bottom:1px solid;padding:7px 0;cursor:pointer}.animation-controls button:disabled{opacity:.5;cursor:default}@media(max-width:600px){.workflow-svg{min-width:650px}.animation-scene{overflow-x:auto}.workflow-text-steps{display:block}.workflow-text-steps li{margin:9px 0}}@media(prefers-reduced-motion:reduce){.workflow-step{transition:none;opacity:1}.workflow-dot{display:none}}@media print{.workflow-step{opacity:1}.animation-controls{display:none}}