Fix Bilder-Auswahl (Capture-Listener) + Mobile UX verbessern

- Selection-Click nutzt jetzt addEventListener mit capture:true
  auf #main, feuert garantiert VOR Poptrox und kann nicht entfernt werden
- Bild-Name/Ordner als data-Attribute auf .thumb gespeichert
- Mobile: Nav-Icons 1rem -> 1.3rem, bessere Touch-Targets
- Mobile: Selection-Checkboxen groesser (1.8em statt 1.4em)
- Mobile: Toolbar-Buttons mit mehr Padding

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

assets/sass/custom.scss

@@ -76,12 +76,30 @@ body.selection-mode {
 @media screen and (max-width: 736px) {
 	#selection-toolbar {
 		top: _size(header);
-		padding: 0.5em 1em;
-		gap: 0.5em;
+		padding: 0.6em 1em;
+		gap: 0.6em;
+
+		#sel-count {
+			font-size: 0.9em;
+		}
 
 		button {
 			font-size: 0.85em;
-			padding: 0.4em 0.8em;
+			padding: 0.5em 1em;
+		}
+	}
+
+	body.selection-mode #main .thumb {
+		&::before {
+			top: 0.4em;
+			left: 0.4em;
+			width: 1.8em;
+			height: 1.8em;
+			border-width: 2.5px;
+		}
+
+		&.selected .image {
+			outline-width: 4px;
 		}
 	}
 }

assets/sass/layout/_header.scss

@@ -111,7 +111,7 @@
 
 			h1 {
 				font-size: 0.8em;
-				max-width: 45%;
+				max-width: 40%;
 				overflow: hidden;
 				text-overflow: ellipsis;
 				white-space: nowrap;
@@ -122,10 +122,12 @@
 					> li {
 						a {
 							font-size: 0;
-							padding: 0 0.8em;
+							padding: 0 0.9em;
+							line-height: _size(header);
 
 							i {
-								font-size: 1rem;
+								font-size: 1.3rem;
+								vertical-align: middle;
 							}
 						}
 					}