img[data-gs-protected-image],
body.gs-image-protection-active img {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.gs-image-protection-notice {
  position: fixed;
  z-index: 2147483000;
  right: 18px;
  bottom: 18px;
  max-width: min(330px, calc(100vw - 36px));
  padding: .72rem .9rem;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  background: rgba(8, 38, 59, .94);
  box-shadow: 0 14px 36px rgba(4, 25, 40, .25);
  color: #fff;
  font-size: .82rem;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}

.gs-image-protection-notice.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 600px) {
  .gs-image-protection-notice {
    right: 12px;
    bottom: 12px;
    max-width: calc(100vw - 24px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gs-image-protection-notice {
    transition: none;
  }
}