.tag-image-panel {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 58px;
  overflow: hidden;
  border: 1px dashed #d5cbb9;
  border-radius: 9px;
  color: #8b867b;
  background: #faf7ef;
  font-size: 10px;
}
.tag-image-panel img { width: 100%; height: 72px; object-fit: contain; background: #fff; cursor: zoom-in; }
.tag-image-panel.has-image { border-style: solid; border-color: #c9d9d0; background: #fff; }
.image-lightbox { position: fixed; inset: 0; z-index: 150; display: none; place-items: center; padding: 30px; background: rgba(3,18,14,.92); }
.image-lightbox.open { display: grid; }
.image-lightbox img { max-width: min(1100px,95vw); max-height: 90vh; object-fit: contain; border-radius: 10px; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.55); }
.lightbox-close { position: fixed; top: 18px; right: 22px; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #fff; background: rgba(255,255,255,.12); font-size: 28px; line-height: 1; cursor: pointer; }
.lightbox-close:hover { background: rgba(255,255,255,.22); }