/* ============================================================
   GRADIENT.CSS – makeCSS.com Gradient Generator
   Standalone gradient-specific polish on shared generator shell
   ============================================================ */

.gradient-preview-box {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
  background: linear-gradient(135deg, #4361ee, #06d6a0, #f72585);
}

.gradient-editor-note {
  padding: var(--space-sm) var(--space-md);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--text-xs);
  line-height: 1.6;
}