.workflow-panel{background:#1b1d23;color:#eeece6;padding:22px;--progress:0%}.flow-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.flow-head b span{color:#ed8167}.flow-badge{font-size:9px;border:1px solid #45464e;padding:4px 7px;border-radius:5px;color:#a8a9b0}.flow-title{font:bold 26px/1.05 Arial,sans-serif;letter-spacing:-.8px;margin:18px 0 15px}.flow-title>span{color:#ed8167}.flow-track{height:3px;background:#373840;margin-bottom:12px;border-radius:3px;overflow:hidden}.flow-track>span{display:block;height:100%;width:var(--progress);background:#ed8167;transition:width .35s}.workflow-panel .workflow-map{padding:0}.workflow-panel .map-node{padding:9px 0;border:0;border-bottom:1px solid #30323a;background:none;border-radius:0;gap:10px;transform:none}.workflow-panel .map-node strong{font:600 12px Arial,sans-serif}.node-index{font:10px monospace;color:#81838e}.workflow-panel .node-state{font-size:13px;color:#777985}.workflow-panel .map-node.is-done .node-state{color:#abbcaa}.workflow-panel .is-loading .node-state{width:12px;height:12px;border:2px solid #575962;border-top-color:#ed8167;border-radius:50%;animation:flow-spin .7s linear infinite}.workflow-panel .is-loading strong{color:#ed8167}.workflow-panel .run-flow{position:static;margin-top:15px;min-height:35px;width:100%;padding:8px 11px;justify-content:space-between;background:#e5dfd3;color:#202126;border:0;border-radius:6px;font:700 12px Arial,sans-serif}.workflow-panel .run-flow span{color:#202126;font-size:15px}.workflow-panel .flow-status{bottom:9px;font-size:8px;color:#b4b5bd}.workflow-panel{min-height:345px}.showcase-grid .visual-panel{height:345px}@keyframes flow-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.workflow-panel .is-loading .node-state{animation:none}.flow-track>span{transition:none}}@media(max-width:540px){.workflow-panel{padding:22px}}