/* Shared per-image feedback for bulk operations; no layout or image dimming. */
#imageStudio .image-batch-status { position:absolute; z-index:2; bottom:calc((100% - var(--image-visible-height, 100%)) / 2 + 8px); left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:4px; max-width:calc(100% - 16px); border-radius:5px; background:rgba(0,0,0,.7); color:#faf8f4; font-size:13px; pointer-events:none; }
#imageStudio .image-batch-status :is(.image-batch-progress,.image-batch-waiting,.image-batch-error,.image-batch-remove) { width:32px; height:32px; display:grid; place-items:center; flex:none; }
/* Progress sits in the middle of the image; queued and failed images keep their controls at the bottom centre. */
#imageStudio .image-batch-status[data-state=processing] { top:50%; bottom:auto; transform:translate(-50%,-50%); }
#imageStudio .image-batch-status .image-batch-remove { color:#ff6b6b; }
#imageStudio .image-batch-status button { min-width:44px; min-height:44px; padding:0; border-radius:5px; color:inherit; pointer-events:auto; }
#imageStudio .image-batch-status button:focus-visible { outline:2px solid #555; outline-offset:2px; }
#imageStudio .image-batch-status svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#imageStudio .image-batch-progress img { width:24px; height:24px; }
@media(prefers-reduced-motion:reduce) {
  #imageStudio .image-batch-progress img { display:none; }
  #imageStudio .image-batch-progress::after { content:""; width:5px; height:5px; border-radius:50%; background:#faf8f4; box-shadow:-8px 0 #faf8f4,8px 0 #6dade0; }
}