.flow-map{min-height:0;padding-right:var(--spacing-xs);flex:0 0 240px;overflow-y:auto}.flow-track{flex-direction:column;list-style:none;display:flex}.flow-item{position:relative}.flow-item:before{content:"";background:var(--demo-edge);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:29px}.flow-item:first-child:before{top:50%}.flow-item:last-child:before{bottom:50%}.flow-item:has(.flow-node-done):before{background:var(--demo-accent)}.flow-item:has(.flow-node-active):before{background:var(--demo-accent)}.flow-node{z-index:1;align-items:center;gap:var(--spacing-sm);width:100%;color:var(--demo-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.6rem;margin:3px 0;padding:8px 12px;transition:border-color .2s,box-shadow .2s,opacity .2s;display:flex;position:relative}.flow-node:hover{border-color:var(--demo-accent-bright)}.flow-node-badge{background:var(--demo-surface-2);width:36px;height:36px;color:var(--demo-accent-bright);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.flow-node-label{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.flow-node-ai-mark{color:var(--demo-accent-bright);align-items:center;margin-left:auto;font-size:.7rem;display:inline-flex}.flow-node-upcoming{opacity:.55}.flow-node-done .flow-node-badge{background:var(--demo-success);color:var(--demo-on-accent)}.flow-node-active{border-color:var(--demo-accent-bright);box-shadow:0 0 0 1px var(--demo-accent-bright), 0 0 16px var(--demo-accent-glow);animation:1.8s ease-in-out infinite flow-pulse}.flow-node-active .flow-node-badge{background:var(--demo-accent-soft)}@keyframes flow-pulse{0%,to{box-shadow:0 0 0 1px var(--demo-accent-bright), 0 0 12px var(--demo-accent-glow)}50%{box-shadow:0 0 0 1px var(--demo-accent-bright), 0 0 24px var(--demo-accent-glow)}}@media (max-width:968px){.flow-map{padding-right:0;padding-bottom:var(--spacing-xs);flex:none;overflow:auto visible}.flow-track{flex-direction:row;align-items:flex-start}.flow-item:before{width:auto;height:2px;inset:26px 0 auto}.flow-item:first-child:before{top:26px;bottom:auto;left:50%}.flow-item:last-child:before{bottom:auto;right:50%}.flow-node{align-items:center;gap:var(--spacing-xs);min-width:88px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;flex-direction:column}.flow-node-label{font-size:.72rem}.flow-node-ai-mark{background:var(--demo-accent-bright);width:18px;height:18px;color:var(--demo-bg);box-shadow:0 0 8px var(--demo-accent-glow);border-radius:50%;justify-content:center;margin-left:0;font-size:.6rem;position:absolute;top:-4px;right:-4px}}@media (prefers-reduced-motion:reduce){.flow-node-active{animation:none}}