fix(media-player): el pulgar del volumen flotante sobresalia del panel

Con 8px de relleno el pulgar se pasaba 2px del area de relleno en los extremos:
mide 20px y va CENTRADO en el punto del rail, asi que en el maximo la mitad
cuelga por arriba. No era decoracion lo que faltaba, era despejar el voladizo.

El relleno de bloque pasa a --space-4 (16px), que cubre la mitad del pulgar en
todos los tamanos (10px en md, 14px en xl segun --slider-thumb-size-*). El
inline se queda en --space-2: ahi solo ensancharia un panel de 48px, por eso los
dos ejes difieren.

Medido: panel 114 -> 130 de alto, holgura del pulgar al borde -2 -> +5px, sigue
sin scrollear y conserva los 16px de separacion del boton.

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

src/uix/eidos/components/media-player/media-player.css

@@ -428,7 +428,11 @@
    selector rooted at the player would reach it. */
 [data-media-player-volume-float] [data-popover-viewport] {
 	overflow: visible;
-	padding: var(--space-2);
+	/* Block padding clears the THUMB's overhang, it is not decoration: at the
+	   extremes the thumb sits centred on the rail end, so half of it hangs past
+	   — 10px at `md`, 14px at `xl` (`--slider-thumb-size-*`). With the inline
+	   padding it would only widen a 48px panel, so the two axes differ. */
+	padding: var(--space-4) var(--space-2);
 	display: grid;
 	justify-items: center;
 }