/* PromptFoto — custom styles pelengkap Tailwind CDN */

html {
  scroll-behavior: smooth;
}

.chip {
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  border: 1px solid rgba(20, 18, 16, 0.15);
  background: #fff;
  color: #141210;
  transition: all 0.15s ease;
}
.chip:hover {
  border-color: #c97b4a;
  color: #c97b4a;
}
.chip.active {
  background: #141210;
  border-color: #141210;
  color: #fff;
}

.prompt-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.prompt-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px -12px rgba(20, 18, 16, 0.25);
}

.prompt-card.locked .prompt-preview::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(246, 241, 233, 0) 0%, rgba(246, 241, 233, 0.95) 100%);
}

.prompt-text::-webkit-scrollbar {
  width: 6px;
}
.prompt-text::-webkit-scrollbar-thumb {
  background: rgba(20, 18, 16, 0.2);
  border-radius: 3px;
}

/* Cegah teks prompt master ke-select/copy dari preview */
.prompt-card.locked .prompt-preview p {
  user-select: none;
  -webkit-user-select: none;
}

#toast {
  transition: opacity 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .prompt-card { transition: none; }
}