.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-left:3px solid var(--tone);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}}
.icon-button{--tone:var(--color-accent);padding:var(--space-1);border-radius:var(--border-radius);border:1px solid color-mix(in srgb, var(--tone) 30%, var(--color-border));background:color-mix(in srgb, var(--tone) 6%, var(--color-bg));color:var(--tone);cursor:pointer;justify-content:center;align-items:center;transition:background-color .12s,border-color .12s;display:flex}.icon-button:hover{background:color-mix(in srgb, var(--tone) 12%, var(--color-bg));border-color:color-mix(in srgb, var(--tone) 50%, var(--color-border))}.icon-button[data-tone=muted]{--tone:var(--color-muted)}.icon-button[data-active]{background:var(--tone);border-color:var(--tone);color:var(--color-bg)}
.copy-command{gap:var(--space-1);--height:2rem;display:flex}.copy-command .copy-command-select{height:var(--height);padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-fg);cursor:pointer;padding-right:20px}.copy-command .copy-command-select:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-border));outline:none}.copy-command .copy-command-input{border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);padding:0 var(--space-1);flex:1;display:flex}.copy-command .copy-command-input[data-shell=true]:before{content:"$";color:var(--color-fg);opacity:.6;line-height:var(--height)}.copy-command .copy-command-input[data-clone=true]:before{content:"$ git clone";color:var(--color-fg);opacity:.6;line-height:var(--height)}.copy-command .copy-command-input[data-shell=true] input,.copy-command .copy-command-input[data-clone=true] input{padding-left:1ch}.copy-command .copy-command-input:focus-within{border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-border));background-color:color-mix(in srgb, var(--color-accent) 5%, var(--color-bg))}.copy-command .copy-command-input input{width:100%;height:var(--height);color:var(--color-fg);background:0 0;border:none;outline:none;flex:1}.copy-command .copy-command-input,.copy-command .copy-command-select,.copy-command input{font-family:var(--font-mono);font-size:var(--font-size-small)}