<div data-drag-and-drop-import-target="overlay" class="fixed inset-0 bg-overlay backdrop-blur-sm z-50 hidden flex items-center justify-center pointer-events-none">
  <div class="bg-container rounded-xl shadow-border-xs p-6 max-w-sm w-full mx-4 animate-in fade-in zoom-in duration-200">
    <div class="flex flex-col items-center text-center">
      <div class="w-12 h-12 rounded-full bg-indigo-500/10 flex items-center justify-center mb-4">
        <%= icon("upload", class: "text-indigo-500 w-6 h-6") %>
      </div>
      <h3 class="text-lg font-medium text-primary mb-1"><%= title %></h3>
      <p class="text-sm text-secondary"><%= subtitle %></p>
    </div>
  </div>
</div>
