body {
  cursor: url('https://pngimg.com/uploads/fried_egg/fried_egg_PNG41.png') 16 16, pointer;
}
.img-drag {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16 2c2 0 3 2 3 4v6h2c2 0 3 2 3 4v6c0 2-1 4-3 4h-2v2c0 2-1 4-3 4s-3-2-3-4v-2h-2c-2 0-3-2-3-4v-6c0-2 1-4 3-4h2V6c0-2 1-4 3-4z" fill="white" stroke="black" stroke-width="2"/><circle cx="20" cy="8" r="2" fill="black"/><circle cx="12" cy="8" r="2" fill="black"/><ellipse cx="16" cy="28" rx="4" ry="2" fill="black"/></svg>') 16 16, pointer;
}




.img-drag-bubble {
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  color: #222;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  padding: 6px 16px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  border: 2px solid #222;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s cubic-bezier(.4,0,.2,1), visibility 0.7s cubic-bezier(.4,0,.2,1);
  z-index: 1000;
  -webkit-user-select: none;
  user-select: none;
}

@media (max-width: 768px) {
  .img-drag-bubble {
    font-size: 0.8rem;
    padding: 4px 12px;
    border-radius: 16px;
  }
}

@media (max-width: 480px) {
  .img-drag-bubble {
    font-size: 0.7rem;
    padding: 3px 10px;
    border-radius: 14px;
  }
}