#preview-popup {
  --arrow-left: 50%;
  display: none;
  position: absolute;
  z-index: 9999;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 120px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  border-radius: 6px;
  pointer-events: auto;
}

#preview-popup::after {
  content: "";
  position: absolute;
  top: 100%;
  left: var(--arrow-left);
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}

#preview-popup img {
  max-width: 100%;
  height: auto;
  display: block;
}

#popup-title {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: rgba(10,10,11,1);
}