.action-bar{--tone:var(--color-accent);gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);font-family:var(--font-mono);color:var(--color-muted);border:1px solid color-mix(in srgb, var(--tone) 30%, var(--color-border));border-radius:var(--border-radius);background-color:color-mix(in srgb, var(--tone) 6%, var(--color-bg));align-items:baseline;display:flex}.action-bar[data-state=attention],.action-bar[data-state=accepted]{color:var(--color-fg)}.action-bar[data-state=attention] .action-bar-label,.action-bar[data-state=accepted] .action-bar-label{color:var(--color-warning)}.action-bar[data-state=attention],.action-bar[data-state=accepted]{--tone:var(--color-warning)}.action-bar[data-state=accepted]{--tone:var(--color-accent)}.action-bar[data-state=accepted] .action-bar-label{color:var(--tone)}.action-bar[data-state=error]{--tone:var(--color-error)}.action-bar[data-state=complete]{border-color:var(--tone);--tone:var(--color-accent)}.action-bar .action-bar-label{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.08em;color:var(--tone);font-weight:700}.action-bar .action-bar-label:before{content:"●";color:var(--tone);margin-right:.5em}.action-bar[data-animate=true] .action-bar-label:before{animation:1.6s ease-in-out infinite action-bar-pulse}@keyframes action-bar-pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.action-bar .action-bar-label:before{animation:none}}