Move Clear All button inline with Download All

- Relocate to action buttons row
- Add red outline styling with solid fill on hover

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/routes/+page.svelte

@@ -449,26 +449,9 @@
 						<h2 class="text-sm font-medium text-grey-500 uppercase tracking-wide">
 							Images ({imagesStore.images.length})
 						</h2>
-
-						<button
-							type="button"
-							class="
-								flex items-center gap-1.5
-								px-3 py-1.5
-								text-grey-500
-								hover:text-error hover:bg-error-light
-								rounded-md
-								text-sm font-medium
-								transition-colors duration-150
-							"
-							onclick={handleClearAll}
-						>
-							<Trash2 class="w-4 h-4" />
-							Clear All
-						</button>
 					</div>
 
-					<!-- View mode toggle and download button -->
+					<!-- View mode toggle and action buttons -->
 					<div class="flex flex-wrap items-center justify-between gap-3">
 						<div class="flex items-center gap-2">
 							<span class="text-xs font-medium text-grey-500 uppercase tracking-wide">View:</span>
@@ -512,6 +495,25 @@
 							</div>
 						</div>
 
+						<div class="flex items-center gap-2">
+							<button
+								type="button"
+								class="
+									flex items-center gap-1.5
+									px-4 py-2
+									text-error
+									border border-error
+									rounded-md
+									text-sm font-medium
+									hover:bg-error hover:text-white
+									transition-colors duration-150
+								"
+								onclick={handleClearAll}
+							>
+								<Trash2 class="w-4 h-4" />
+								Clear All
+							</button>
+
 							{#if imagesStore.completeCount > 0}
 								<button
 									type="button"
@@ -533,6 +535,7 @@
 							{/if}
 						</div>
 					</div>
+				</div>
 
 				<ImageGrid
 					images={imagesStore.images}