Video File Reference Card

<div class="bg-white border border-gray-300 rounded-xl p-6 max-w-3xl
  shadow-sm hover:shadow-md transition-shadow duration-200">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');</style>
  <div class="flex items-center gap-4">
    <div class="bg-blue-100 rounded-lg p-3 flex-shrink-0">
      <svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
      </svg>
    </div>
    <div class="flex-1 min-w-0">
      <h3 class="text-lg font-semibold text-gray-900 mb-1" style="font-family: 'Inter', 'Helvetica Neue', sans-serif;">my edits.mp4</h3>
      <p class="text-sm text-gray-500 truncate" style="font-family: 'Inter', 'Helvetica Neue', sans-serif;">C:/Users/harvinder/Desktop/</p>
      <div class="mt-2 inline-flex items-center px-2.5 py-0.5 rounded-full
        text-xs font-medium bg-green-100 text-green-800">
        <span class="mr-1">●</span>
      </div>
    </div>
  </div>
</div>