Recover modal preview rendering and card fallbacks

frontend/index.html

@@ -172,7 +172,7 @@
                   <img id="resultModalGoogleImage" class="aspect-video w-full object-cover" alt="" />
                 </div>
                 <div class="flex flex-col gap-3 rounded-2xl border border-white/10 bg-white/[0.04] p-5 text-left">
-                  <p class="text-xs uppercase tracking-[0.25em] text-zinc-500">Google Video</p>
+                  <p id="resultModalFallbackLabel" class="text-xs uppercase tracking-[0.25em] text-zinc-500">Preview Fallback</p>
                   <p id="resultModalGoogleText" class="text-sm leading-7 text-zinc-200"></p>
                 </div>
               </div>
@@ -202,6 +202,9 @@
         <div class="relative aspect-video overflow-hidden bg-zinc-900">
           <img class="h-full w-full object-cover transition duration-500 group-hover:scale-105" alt="" />
           <video class="preview-hover absolute inset-0 hidden h-full w-full object-cover" muted loop playsinline preload="none"></video>
+          <div class="media-fallback absolute inset-0 hidden items-center justify-center bg-[radial-gradient(circle_at_top,#2b3342,transparent_60%),linear-gradient(180deg,#111827,#05070b)] p-5 text-center text-xs uppercase tracking-[0.24em] text-zinc-300">
+            Preview unavailable
+          </div>
           <div class="preview-overlay absolute left-3 top-3 rounded-full border border-white/20 bg-black/60 px-3 py-1 text-[11px] uppercase tracking-[0.25em] text-white">AI Recommended</div>
           <div class="source-badge preview-overlay absolute bottom-3 left-3 rounded-full bg-white px-3 py-1 text-[11px] font-medium uppercase tracking-[0.2em] text-black"></div>
         </div>
@@ -213,6 +216,6 @@
       </button>
     </template>
 
-    <script src="/app.js?v=20260316g" defer></script>
+    <script src="/app.js?v=20260316h" defer></script>
   </body>
 </html>