<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 400" fill="none">
  <defs>
    <linearGradient id="demoGrad2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#833AB4"/>
      <stop offset="100%" stop-color="#E1306C"/>
    </linearGradient>
  </defs>
  <rect width="300" height="400" rx="20" fill="#0a0a0a"/>
  <rect x="0" y="0" width="300" height="70" rx="20" fill="url(#demoGrad2)"/>
  <rect x="0" y="50" width="300" height="20" fill="url(#demoGrad2)"/>
  <text x="150" y="40" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="16" fill="white" text-anchor="middle">AI Organizing Your Posts</text>
  <!-- Progress bar -->
  <rect x="20" y="90" width="260" height="8" rx="4" fill="#222"/>
  <rect x="20" y="90" width="190" height="8" rx="4" fill="url(#demoGrad2)"/>
  <text x="150" y="118" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#9E9E9E" text-anchor="middle">Analyzing 847 saved posts...</text>
  <!-- Category tiles -->
  <rect x="20" y="135" width="120" height="70" rx="12" fill="rgba(131,58,180,0.2)" stroke="rgba(131,58,180,0.5)" stroke-width="1"/>
  <text x="80" y="162" font-family="Arial" font-size="22" text-anchor="middle">💪</text>
  <text x="80" y="182" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white" text-anchor="middle">Fitness</text>
  <text x="80" y="196" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E" text-anchor="middle">247 posts</text>

  <rect x="160" y="135" width="120" height="70" rx="12" fill="rgba(225,48,108,0.2)" stroke="rgba(225,48,108,0.5)" stroke-width="1"/>
  <text x="220" y="162" font-family="Arial" font-size="22" text-anchor="middle">💼</text>
  <text x="220" y="182" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white" text-anchor="middle">Business</text>
  <text x="220" y="196" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E" text-anchor="middle">183 posts</text>

  <rect x="20" y="220" width="120" height="70" rx="12" fill="rgba(253,29,29,0.2)" stroke="rgba(253,29,29,0.5)" stroke-width="1"/>
  <text x="80" y="247" font-family="Arial" font-size="22" text-anchor="middle">🍳</text>
  <text x="80" y="267" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white" text-anchor="middle">Cooking</text>
  <text x="80" y="281" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E" text-anchor="middle">156 posts</text>

  <rect x="160" y="220" width="120" height="70" rx="12" fill="rgba(252,175,69,0.2)" stroke="rgba(252,175,69,0.5)" stroke-width="1"/>
  <text x="220" y="247" font-family="Arial" font-size="22" text-anchor="middle">📚</text>
  <text x="220" y="267" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white" text-anchor="middle">Learning</text>
  <text x="220" y="281" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E" text-anchor="middle">261 posts</text>

  <!-- Status -->
  <rect x="20" y="310" width="260" height="50" rx="12" fill="rgba(131,58,180,0.1)" stroke="rgba(131,58,180,0.3)" stroke-width="1"/>
  <text x="150" y="332" font-family="Inter,-apple-system,sans-serif" font-size="11" fill="#E1306C" text-anchor="middle">🤖 AI is working its magic...</text>
  <text x="150" y="350" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#555" text-anchor="middle">Creating personalized action plans</text>
</svg>
