Stop Use as input from trapping you on the Image tab.

Loading a library still as input now only fills the start-still slot and stays on Video. Video/Image cards switch mode directly instead of relying on fragile query links.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/StudioKindCards.vue

@@ -1,9 +1,10 @@
 <template>
   <div class="mb-4 grid grid-cols-3 gap-3">
-    <NuxtLink
-      to="/?studio=video"
+    <button
+      type="button"
       class="rounded-3xl border px-4 py-4 text-left transition"
       :class="current === 'video' ? 'border-amber-300 bg-amber-400/10 text-amber-50' : 'border-white/10 text-zinc-400 hover:border-white/20 hover:text-zinc-200'"
+      @click="emit('select', 'video')"
     >
       <svg class="h-10 w-10" viewBox="0 0 40 40" fill="none" aria-hidden="true">
         <rect x="4" y="10" width="24" height="20" rx="3" stroke="currentColor" stroke-width="2" />
@@ -12,11 +13,12 @@
       </svg>
       <span class="mt-3 block font-display text-lg font-bold text-zinc-100">Video</span>
       <span class="mt-0.5 block text-xs text-zinc-500">MiniMax H3 · LTX</span>
-    </NuxtLink>
-    <NuxtLink
-      to="/?studio=image"
+    </button>
+    <button
+      type="button"
       class="rounded-3xl border px-4 py-4 text-left transition"
       :class="current === 'image' ? 'border-amber-300 bg-amber-400/10 text-amber-50' : 'border-white/10 text-zinc-400 hover:border-white/20 hover:text-zinc-200'"
+      @click="emit('select', 'image')"
     >
       <svg class="h-10 w-10" viewBox="0 0 40 40" fill="none" aria-hidden="true">
         <rect x="6" y="8" width="28" height="24" rx="3" stroke="currentColor" stroke-width="2" />
@@ -25,7 +27,7 @@
       </svg>
       <span class="mt-3 block font-display text-lg font-bold text-zinc-100">Image</span>
       <span class="mt-0.5 block text-xs text-zinc-500">Flux · Krea</span>
-    </NuxtLink>
+    </button>
     <NuxtLink
       to="/music"
       class="rounded-3xl border px-4 py-4 text-left transition"
@@ -45,4 +47,8 @@
 defineProps<{
   current: 'video' | 'image' | 'music'
 }>()
+
+const emit = defineEmits<{
+  select: [kind: 'video' | 'image']
+}>()
 </script>