.vneedai-purchase-settings {
  margin: 0 0 24px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  color: #374151;
  background: #fff;
}
.dark .vneedai-purchase-settings { color: #e5e7eb; background: #111827; border-color: #374151; }
.vneedai-purchase-settings h2 { margin: 0 0 8px; font-size: 18px; font-weight: 600; }
.vneedai-purchase-settings p { margin: 0 0 16px; font-size: 14px; color: #6b7280; }
.dark .vneedai-purchase-settings p { color: #9ca3af; }
.vneedai-purchase-settings .vneedai-purchase-field { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; }
.vneedai-purchase-settings input[type="url"] {
  display: block; width: 100%; max-width: 760px; min-height: 44px;
  margin-bottom: 16px; padding: 10px 12px; border: 1px solid #d1d5db;
  border-radius: 8px; background: transparent; color: inherit; font: inherit;
}
.dark .vneedai-purchase-settings input[type="url"] { border-color: #4b5563; }
.vneedai-purchase-settings input:focus-visible,
.vneedai-purchase-settings button:focus-visible { outline: 2px solid #0d9488; outline-offset: 3px; }
.vneedai-purchase-toggle { display: flex; align-items: center; gap: 8px; width: fit-content; min-height: 44px; font-size: 14px; cursor: pointer; }
.vneedai-purchase-toggle input { width: 16px; height: 16px; accent-color: #0d9488; }
.vneedai-purchase-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.vneedai-purchase-actions button {
  min-height: 44px; padding: 10px 16px; border: 0; border-radius: 8px;
  background: #0d9488; color: #fff; font: inherit; font-size: 14px; font-weight: 500;
  cursor: pointer; transition: background-color 150ms, scale 150ms;
}
.vneedai-purchase-actions button:hover { background: #0f766e; }
.vneedai-purchase-actions button:active { scale: 0.96; }
.vneedai-purchase-actions button:disabled { opacity: .6; cursor: wait; }
.vneedai-purchase-status { font-size: 14px; color: #0f766e; }
.vneedai-purchase-status[data-error="true"] { color: #dc2626; }
.dark .vneedai-purchase-status { color: #5eead4; }
.dark .vneedai-purchase-status[data-error="true"] { color: #fca5a5; }
@media (max-width: 640px) { .vneedai-purchase-settings { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .vneedai-purchase-actions button { transition: none; } }