.clipai-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.1) !important;
  z-index: 999990 !important;
  cursor: crosshair !important;
  display: none;
  pointer-events: none !important;
}

.clipai-highlight {
  outline: 3px solid #3b82f6 !important;
  outline-offset: 2px !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 999990 !important;
  pointer-events: all !important;
}

.clipai-helper-text {
  background: rgb(255, 255, 255, 0.9) !important;
  border-radius: 0.375rem !important;
  color: black !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  position: fixed !important;
  padding: 0.75rem 1rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 1rem !important;
}

.clipai-helper-text p {
  margin: 0 !important;
}

@keyframes clipai-clipped {
  0% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.clipai-clipped {
  animation: clipai-clipped 0.3s ease-out forwards;
}
