/* Banana Chat generation indicator. The animated vector is intentionally isolated from task-card behavior. */
.banana-chat-task-result.is-pending::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 76px;
  height: 80px;
  background: url("/assets/images/banana-generation-loader.svg?v=20260730-3") center / contain no-repeat;
  filter: drop-shadow(0 10px 16px rgba(92, 68, 0, .13));
  transform: translate(-50%, -50%);
  transform-origin: 50% 60%;
  animation: bananaChatLoaderFloat 4.2s cubic-bezier(.45, 0, .2, 1) infinite;
  will-change: transform;
  pointer-events: none;
}

.banana-chat-task-result.is-pending.is-long-waiting::after {
  animation-duration: 1.9s;
}

html.theme-dark .banana-chat-task-result.is-pending::after {
  filter: drop-shadow(0 12px 20px rgba(255, 193, 18, .12));
}

@media (max-width: 520px) {
  .banana-chat-task-result.is-pending::after {
    width: 70px;
    height: 74px;
  }
}

@keyframes bananaChatLoaderFloat {
  0%, 100% { transform: translate(-50%, -50%) translateY(3px) rotate(-1deg) scale(.96); }
  34% { transform: translate(-50%, -50%) translateY(-5px) rotate(2.2deg) scale(1); }
  55% { transform: translate(-50%, -50%) translateY(0) rotate(-.8deg) scale(.985); }
  76% { transform: translate(-50%, -50%) translateY(-2px) rotate(1deg) scale(.995); }
}

@media (prefers-reduced-motion: reduce) {
  .banana-chat-task-result.is-pending::after,
  .banana-chat-task-result.is-pending.is-long-waiting::after {
    animation: none;
    transform: translate(-50%, -50%);
  }
}