@layer components{.step{--step-mark:var(--text-tertiary);align-items:center;gap:var(--space-xs);box-sizing:border-box;min-height:var(--size-control-md);padding:var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);flex-flow:row;display:inline-flex}.step--done{--step-mark:var(--agent-severity-positive-mark)}.step--running{--step-mark:var(--agent-activity-running-mark)}.step--waiting{--step-mark:var(--agent-activity-waiting-mark)}.step--blocked{--step-mark:var(--agent-activity-blocked-mark)}.step--conflict{--step-mark:var(--agent-activity-conflict-mark)}.step--pending{--step-mark:var(--agent-activity-pending-mark);color:var(--text-tertiary)}.step__mark{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--step-mark);flex-shrink:0;place-items:center;line-height:0;display:grid}.step__mark svg{width:var(--size-icon-sm);height:var(--size-icon-sm);display:block}.step--running .step__mark svg{transform-origin:50%;animation:1.7s linear infinite step-run}@keyframes step-run{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.step--running .step__mark svg{animation:none}}.step__label{white-space:nowrap;min-width:0}}