.workflow-diagram-container{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-container-low);padding:32px;overflow-x:hidden}.workflow-diagram{flex-direction:column;align-items:center;gap:12px;display:flex}@media (min-width:900px){.workflow-diagram{flex-direction:row;justify-content:center}}.workflow-node{text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);z-index:2;flex-direction:column;align-items:center;width:130px;padding:16px 8px;display:flex;position:relative}.workflow-node.pod-glow{background:#00cdff0a;border-color:#00cdff66;box-shadow:0 0 20px #00cdff1a}.workflow-icon{background:var(--surface-container-highest);width:32px;height:32px;color:var(--on-surface);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.workflow-node h4{color:var(--on-surface);margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.2}.workflow-node span{color:var(--on-surface-variant);font-size:10px;font-family:var(--font-mono);line-height:1.4}.workflow-line{background:var(--border-elevated);width:2px;height:24px}@media (min-width:900px){.workflow-line{width:24px;height:2px}}