// Icon set — minimal stroke icons. Exported to window for cross-script sharing.
const IconPlay = ({ size = 16, className = '' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor" className={className}>
    <path d="M7 4.5v15a1 1 0 0 0 1.55.83l11-7.5a1 1 0 0 0 0-1.66l-11-7.5A1 1 0 0 0 7 4.5z"/>
  </svg>
);
const IconPause = ({ size = 16, className = '' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor" className={className}>
    <rect x="6" y="4.5" width="4" height="15" rx="1"/>
    <rect x="14" y="4.5" width="4" height="15" rx="1"/>
  </svg>
);
const IconArrowRight = ({ size = 18, className = '' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className={className}>
    <path d="M5 12h14M13 5l7 7-7 7"/>
  </svg>
);
const IconCheck = ({ size = 16, className = '' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className={className}>
    <path d="M5 12.5l4.5 4.5L20 6.5"/>
  </svg>
);
const IconPlus = ({ size = 18, className = '' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" className={className}>
    <path d="M12 5v14M5 12h14"/>
  </svg>
);

// Step icons
const IconText = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <rect x="5" y="4" width="22" height="24" rx="2.5"/>
    <path d="M10 10h12M10 14h12M10 18h8M10 22h10"/>
  </svg>
);
const IconSliders = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <path d="M6 9h12M22 9h4M6 16h4M14 16h12M6 23h16M24 23h2"/>
    <circle cx="20" cy="9" r="2.5" fill="#FDFCFA"/>
    <circle cx="12" cy="16" r="2.5" fill="#FDFCFA"/>
    <circle cx="23" cy="23" r="2.5" fill="#FDFCFA"/>
  </svg>
);
const IconDownload = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <path d="M16 4v16M9 14l7 7 7-7"/>
    <path d="M5 24v3a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-3"/>
  </svg>
);

// Feature icons
const IconCoin = ({ size = 24 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <circle cx="12" cy="12" r="9"/>
    <path d="M15 9.5a3 3 0 0 0-3-1.5c-1.66 0-3 1-3 2.25S10.34 12.5 12 12.5s3 1 3 2.25S13.66 17 12 17a3 3 0 0 1-3-1.5M12 6.5v1.5M12 17v1.5"/>
  </svg>
);
const IconShield = ({ size = 24 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <path d="M12 3l8 3v5.5c0 4.5-3.4 8.5-8 9.5-4.6-1-8-5-8-9.5V6l8-3z"/>
    <path d="M9 12l2 2 4-4"/>
  </svg>
);
const IconBolt = ({ size = 24 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <path d="M13 2L4 14h7l-1 8 9-12h-7l1-8z"/>
  </svg>
);
const IconLayers = ({ size = 24 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <path d="M12 3l9 5-9 5-9-5 9-5z"/>
    <path d="M3 13l9 5 9-5M3 18l9 5 9-5"/>
  </svg>
);

// Audio waveform animated icon
const WaveformAnim = ({ size = 14, color = 'currentColor' }) => (
  <svg width={size} height={size + 4} viewBox="0 0 16 18" fill={color}>
    <rect className="wave-bar" x="1" y="3" width="2" height="12" rx="1"/>
    <rect className="wave-bar" x="5" y="3" width="2" height="12" rx="1"/>
    <rect className="wave-bar" x="9" y="3" width="2" height="12" rx="1"/>
    <rect className="wave-bar" x="13" y="3" width="2" height="12" rx="1"/>
  </svg>
);

Object.assign(window, {
  IconPlay, IconPause, IconArrowRight, IconCheck, IconPlus,
  IconText, IconSliders, IconDownload,
  IconCoin, IconShield, IconBolt, IconLayers,
  WaveformAnim,
});
