fix: positionnement lecteur media (mobile/desktop) et drag libre de la mini-video #110

tests/frontend/media-viewer.test.mjs

@@ -121,6 +121,13 @@ test("now-playing exposes the public controller API and is initialised at boot",
   assert.match(app, /initNowPlaying\(\)/);
 });
 
+test("video mini-window is freely positioned (no corner snapping)", () => {
+  assert.doesNotMatch(np, /nearestCorner/);
+  assert.match(np, /function clampToViewport/);
+  assert.match(np, /left: Math\.round\(r\.left\),\s*\n\s*top: Math\.round\(r\.top\)/);
+  assert.match(np, /bindVideoDrag\(dock\);/);
+});
+
 // ── Static checks: CSS ─────────────────────────────────────────────────────
 test("style.css defines the media viewers and the Now Playing dock", () => {
   assert.match(css, /\.audio-viewer-container/);
@@ -131,6 +138,11 @@ test("style.css defines the media viewers and the Now Playing dock", () => {
   assert.match(css, /body\.np-active \.content-area/);
 });
 
+test("mobile dock uses a grid so actions never overlap the progress bar", () => {
+  assert.match(css, /grid-template-areas:\s*\n\s*"progress progress progress progress"/);
+  assert.match(css, /\.np-dock--audio \[data-np="expand"\]/);
+});
+
 test("style.css no longer references undefined --surface1 / --text-dim vars", () => {
   assert.doesNotMatch(css, /var\(--surface1\)/);
   assert.doesNotMatch(css, /var\(--text-dim\)/);