/* Background save uses the shared compact toast and theme tokens. */
[data-ui="v2"] .v2-toast-action {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  gap: 4px; min-height: 32px; padding: 4px 6px; border: 1px solid var(--line);
  border-radius: var(--r-sm); color: var(--ink); background: var(--surface);
  font: inherit; font-weight: 600; cursor: pointer; white-space: nowrap;
}
[data-ui="v2"] .v2-toast-action .icon { font-size: 16px; }
[data-ui="v2"] .v2-toast-action:hover { background: var(--surface-2); }
[data-ui="v2"] .v2-toast-action:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
[data-ui="v2"] .v2-toast-action:disabled { cursor: wait; opacity: .65; }
[data-ui="v2"] .v2-toast > .v2-toast-svg { width: 18px; height: 18px; display: inline-flex; }
[data-ui="v2"] .v2-toast > .v2-toast-svg > svg { width: 18px; height: 18px; display: block; }
[data-ui="v2"] .v2-toast-copy strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-ui="v2"] .v2-toast-copy.expanded strong, [data-ui="v2"] .v2-toast.in-history .v2-toast-copy strong { white-space: normal; }
[data-ui="v2"] .v2-save-pending > .icon { animation: nai-save-hourglass 1.8s ease-in-out infinite; }
[data-ui="v2"] .v2-save-celebrate > .icon { animation: nai-save-thumb .7s ease-out; }
[data-ui="v2"] .v2-save-confetti {
  pointer-events: none; position: absolute; z-index: 1; left: calc(12px + var(--piece) * 14px);
  top: 45%; width: 4px; height: 7px; background: var(--ok); opacity: 0;
  animation: nai-save-confetti .85s ease-out both;
  animation-delay: calc(var(--piece) * 18ms);
}
[data-ui="v2"] .v2-save-confetti:nth-of-type(2n) { background: var(--accent-fill); }
[data-ui="v2"] .v2-save-confetti:nth-of-type(3n) { background: var(--warn); }
@keyframes nai-save-hourglass { 0%, 30% { transform: rotate(0); } 65%, 100% { transform: rotate(180deg); } }
@keyframes nai-save-thumb { 0% { transform: scale(.8); } 40% { transform: scale(1.25) rotate(-10deg); } 100% { transform: scale(1); } }
@keyframes nai-save-confetti {
  0% { opacity: .95; transform: translateY(0) rotate(0); }
  40% { opacity: .85; }
  100% { opacity: 0; transform: translateY(-28px) rotate(160deg); }
}
@media (pointer: coarse) { [data-ui="v2"] .v2-toast-action { min-height: 40px; } }
@media (prefers-reduced-motion: reduce) {
  [data-ui="v2"] .v2-save-pending > .icon, [data-ui="v2"] .v2-save-celebrate > .icon { animation: none; }
  [data-ui="v2"] .v2-save-confetti { display: none; animation: none; }
}