/* ============ GALLERY UPLOADER STYLES ============ */
/* Tile-grid uploader with drag-drop reorder, cover badge, hover actions */

#galleryImageSection .an-label{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.gal-count{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;
  letter-spacing:.05em;color:var(--accent);background:rgba(212,255,62,.12);
  padding:2px 8px;border-radius:10px;font-weight:500;
}

.gal-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px;
  margin-top:10px;
}
@media (max-width:720px){
  .gal-grid{grid-template-columns:repeat(3,1fr);gap:8px}
}

.gal-tile{
  position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;
  background:#1a1a16;cursor:grab;user-select:none;
  border:1px solid transparent;transition:transform .12s,border-color .15s;
}
.gal-tile:active{cursor:grabbing}
.gal-tile.is-cover{outline:2px solid var(--accent);outline-offset:-2px}
.gal-tile.dragging{opacity:.45;transform:scale(.96)}
.gal-tile.drop-target{border-color:var(--accent);transform:scale(1.02)}

.gal-img{
  width:100%;height:100%;background-size:cover;background-position:center;
  background-color:#1a1a16;
}

.gal-badge-cover{
  position:absolute;top:6px;left:6px;background:var(--accent);color:#0a0a08;
  font-size:9.5px;letter-spacing:.08em;padding:3px 7px;border-radius:4px;
  font-weight:600;font-family:"JetBrains Mono",ui-monospace,monospace;
  pointer-events:none;
}
.gal-badge-num{
  position:absolute;top:6px;left:6px;background:rgba(0,0,0,.72);color:#fff;
  font-size:10px;width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:600;
  pointer-events:none;
}

.gal-actions{
  position:absolute;top:6px;right:6px;display:flex;gap:4px;
  opacity:0;transition:opacity .15s;
}
.gal-tile:hover .gal-actions,
.gal-tile:focus-within .gal-actions{opacity:1}

.gal-ico{
  width:24px;height:24px;background:rgba(0,0,0,.72);border:none;color:#fff;
  border-radius:5px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;padding:0;transition:background .12s,color .12s;
}
.gal-ico:hover{background:var(--accent);color:#0a0a08}
.gal-ico svg{width:12px;height:12px}

.gal-add-tile{
  cursor:pointer;background:transparent;
  border:1.5px dashed var(--line);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-dim);
  transition:border-color .15s,color .15s,background .15s;
}
.gal-add-tile:hover{
  border-color:var(--accent);color:var(--accent);
  background:rgba(212,255,62,.04);
}
.gal-add-content{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-size:11.5px;letter-spacing:.04em;text-align:center;padding:8px;
}

.gal-hint{
  margin-top:10px;font-size:12px;color:var(--ink-dim);
}

/* Form-wide drop zone visual when dragging files */
#addNewsForm.gal-drop-active{
  outline:2px dashed var(--accent);outline-offset:-2px;
  background:rgba(212,255,62,.02);
}

/* Spinner overlay during upload */
.gal-spinner-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.55);
  display:flex;align-items:center;justify-content:center;z-index:5;
}
.gal-spinner{
  width:24px;height:24px;border:2.5px solid rgba(255,255,255,.2);
  border-top-color:var(--accent);border-radius:50%;
  animation:gal-spin .8s linear infinite;
}
@keyframes gal-spin{to{transform:rotate(360deg)}}