Redesign LocalBrowser card hover overlay with clearer hierarchy

Three peer buttons (Use / Wallpaper only / Preview) overflowed narrow
180-220px cards and gave the eye no anchor. Now: centered "Use" as the
prominent primary action (accent fill, fixed min-width), with secondary
"Wallpaper only · Preview" as inline text links below. Scrim alpha bumped
from 50 to 60 to match the rest of the wallpaper-overlay convention.

Author: bjarneo

frontend/src/lib/components/local/LocalBrowser.svelte

@@ -377,25 +377,34 @@
                             </svg>
                         </button>
                         <div
-                            class="pointer-events-none absolute inset-0 flex items-center justify-center gap-2 bg-black/50 opacity-0 transition-opacity duration-150 group-hover:opacity-100"
+                            class="pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/60 opacity-0 transition-opacity duration-150 group-hover:opacity-100"
                         >
                             <button
-                                class="bg-accent hover:bg-accent-hover pointer-events-auto px-4 py-1.5 text-[11px] font-medium text-[#111116] transition-colors"
+                                class="bg-accent hover:bg-accent-hover pointer-events-auto min-w-[7rem] px-4 py-1.5 text-[11px] font-medium text-[#111116] transition-colors"
                                 onclick={() => selectWallpaper(wp.path)}
                                 title="Set as wallpaper and open in editor"
                                 >Use</button
                             >
-                            <button
-                                class="text-fg-primary bg-bg-elevated hover:bg-border-focus pointer-events-auto px-3 py-1.5 text-[11px] font-medium transition-colors disabled:opacity-50"
-                                onclick={() => applyWallpaperOnly(wp.path)}
-                                disabled={getIsApplying()}
-                                title="Apply this wallpaper without changing the current palette"
-                                >Wallpaper only</button
-                            >
-                            <button
-                                class="text-fg-primary bg-bg-elevated hover:bg-border-focus pointer-events-auto px-3 py-1.5 text-[11px] font-medium transition-colors"
-                                onclick={() => handlePreview(i)}>Preview</button
+                            <div
+                                class="flex items-center gap-2 text-[10px] text-white/85"
                             >
+                                <button
+                                    class="pointer-events-auto px-1 transition-colors hover:text-white disabled:opacity-50"
+                                    onclick={() => applyWallpaperOnly(wp.path)}
+                                    disabled={getIsApplying()}
+                                    title="Apply this wallpaper without changing the current palette"
+                                    >Wallpaper only</button
+                                >
+                                <span class="text-white/30" aria-hidden="true"
+                                    >·</span
+                                >
+                                <button
+                                    class="pointer-events-auto px-1 transition-colors hover:text-white"
+                                    onclick={() => handlePreview(i)}
+                                    title="Preview wallpaper full-size"
+                                    >Preview</button
+                                >
+                            </div>
                         </div>
                         <div class="flex items-center gap-1.5 px-2 py-1">
                             <TagPicker path={wp.path} />