<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="Discover, mix, and analyze AI art styles. Explore curated galleries of AI-generated artwork and generate creative prompts for MidJourney, Stable Diffusion, and other AI art tools." />
    <meta name="keywords" content="AI art, style analysis, MidJourney, Stable Diffusion, art prompts, creative AI, digital art, style gallery" />
    <meta name="author" content="StyleDrop" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="StyleDrop - Discover, Mix, and Analyze AI Art Styles" />
    <meta property="og:description" content="Explore curated galleries of AI-generated artwork and generate creative prompts for MidJourney, Stable Diffusion, and other AI art tools." />
    <meta property="og:url" content="https://styledrop.org" />
    <meta property="og:site_name" content="StyleDrop" />
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:title" content="StyleDrop - Discover, Mix, and Analyze AI Art Styles" />
    <meta property="twitter:description" content="Explore curated galleries of AI-generated artwork and generate creative prompts for MidJourney, Stable Diffusion, and other AI art tools." />
    
    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <title>StyleDrop - Discover, Mix, and Analyze AI Art Styles</title>
    <style>
      /* Prevent flash of unstyled content */
      body {
        margin: 0;
        padding: 0;
        background: #0a0a0a;
        color: white;
        font-family: 'Inter', sans-serif;
      }
      
      /* Loading fallback */
      #root:empty::before {
        content: "Loading StyleDrop...";
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        font-size: 18px;
        color: #7C9A92;
      }
    </style>
    <script type="module" crossorigin src="./assets/index-CIVHD3KC.js"></script>
    <link rel="modulepreload" crossorigin href="./assets/vendor-BQ7Np1WZ.js">
    <link rel="modulepreload" crossorigin href="./assets/supabase-Dq8f7I7a.js">
    <link rel="modulepreload" crossorigin href="./assets/lucide-i3QQE7qg.js">
    <link rel="stylesheet" crossorigin href="./assets/index-Bz5XV0V8.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>