.wf-demo{background-color:var(--background);background-image:radial-gradient(circle,color-mix(in oklch,var(--border)15%,transparent)1px,transparent 1px);background-size:20px 20px;border-radius:12px;width:100%;position:relative;overflow:hidden}.wf-demo .workflow-canvas-inner{cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;padding:32px 24px 28px;display:flex;position:relative}.wf-demo .workflow-layer{z-index:2;flex-wrap:nowrap;justify-content:center;gap:16px;margin-bottom:0;display:flex;position:relative}.wf-demo .workflow-node-card{background:var(--card);border:1px solid var(--border);z-index:2;border-radius:12px;flex:0 auto;min-width:148px;max-width:180px;padding:12px 14px;transition:none;position:relative}.wf-demo .workflow-node-card.inactive{opacity:.4}.wf-demo .workflow-node-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.wf-demo .workflow-node-icon{background:color-mix(in oklch,var(--muted)60%,transparent);width:28px;height:28px;color:var(--muted-foreground);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.wf-demo .workflow-node-card[data-node-type=start] .workflow-node-icon{color:#22c55e;background:#22c55e1f}.wf-demo .workflow-node-card[data-node-type=start]{border-color:#22c55e40}.wf-demo .workflow-node-card[data-node-type=system_formatter] .workflow-node-icon{color:#6366f1;background:#6366f11f}.wf-demo .workflow-node-card[data-node-type=system_formatter]{border-color:#6366f140}.wf-demo .workflow-node-card.inactive[data-node-type=system_stt] .workflow-node-icon{color:#a855f773;background:#a855f70f}.wf-demo .workflow-node-card.inactive[data-node-type=system_tts] .workflow-node-icon{color:#ec489973;background:#ec48990f}.wf-demo .workflow-node-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.3;overflow:hidden}.wf-demo .workflow-node-desc{color:var(--muted-foreground);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.625rem;line-height:1.3;display:-webkit-box;overflow:hidden}.wf-demo .workflow-node-meta{align-items:center;gap:5px;display:flex}.wf-demo .workflow-status-dot{background:color-mix(in oklch,var(--muted-foreground)50%,transparent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.wf-demo .workflow-status-dot.active{background:#22c55e;box-shadow:0 0 0 2px #22c55e26}.wf-demo .workflow-node-card.inactive .workflow-status-dot{background:#ef4444b3}.wf-demo .workflow-tool-count{color:var(--muted-foreground);align-items:center;gap:3px;font-size:.625rem;display:inline-flex}.wf-demo .workflow-type-badge{color:var(--muted-foreground);background:color-mix(in oklch,var(--muted)70%,transparent);border-radius:10px;padding:1px 6px;font-size:.5625rem;font-weight:500;line-height:1.4;display:inline-block}.wf-demo .workflow-edges-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.wf-demo .workflow-edge-path{fill:none;stroke:color-mix(in oklch,var(--border)120%,var(--muted-foreground)30%);stroke-width:1.5px;stroke-linecap:round}.wf-demo .workflow-edge-circle{fill:var(--foreground);stroke:var(--background);stroke-width:1.5px}.wf-demo .workflow-edge-label-group{pointer-events:none}.wf-demo .workflow-edge-label-bg{fill:var(--foreground)}.wf-demo .workflow-edge-label-text{fill:var(--background);font-family:inherit;font-size:9px;font-weight:500}@keyframes wf-demo-edge-pulse{0%,to{opacity:.55}50%{opacity:1}}.wf-demo .workflow-edge-path{animation:3s ease-in-out infinite wf-demo-edge-pulse}.wf-demo .workflow-edge-path:nth-child(2){animation-delay:.4s}.wf-demo .workflow-edge-path:nth-child(3){animation-delay:.8s}.wf-demo .workflow-edge-path:nth-child(4){animation-delay:1.2s}.wf-demo .workflow-edge-path:nth-child(5){animation-delay:1.6s}.wf-demo .workflow-edge-path:nth-child(6){animation-delay:2s}.wf-demo .workflow-edge-path:nth-child(7){animation-delay:2.4s}.wf-demo .workflow-edge-path:nth-child(8){animation-delay:2.8s}