Mobile remote: per-track trim (in/out) + waveform + times + scrub/seek + gap

- Queue cards expand to a detail panel with the waveform, elapsed/total/remaining
  times, draggable in/out handles, scrub-to-seek and a 'pausa dopo' gap.
- /api/peaks now also returns exact duration (samples/8000) so non-playing tracks
  have correct times/trim without relying on the output media probe.
- Service worker switched to network-first (+v2) so UI updates aren't masked by
  a stale cache; output.js probeDurations hardened (load()+timeout fallback).

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

public/css/mobile.css

@@ -52,6 +52,20 @@ textarea { width: 100%; min-height: 90px; resize: vertical; }
 #fx-list { max-height: 52vh; overflow-y: auto; }
 #lib { max-height: 40vh; overflow-y: auto; }
 
+.qcard { display: flex; flex-direction: column; gap: 0; }
+.qcard.active > .item { border-color: var(--accent); background: rgba(110,150,255,.18); }
+.qdetail { background: rgba(0,0,0,.25); border: 1px solid var(--line); border-top: none; border-radius: 0 0 11px 11px; padding: 10px; margin-top: -6px; }
+.qtimes { display: flex; gap: 10px; font-size: 10px; font-variant-numeric: tabular-nums; margin-bottom: 6px; }
+.qtimes .tt-el { color: #9be6a0; } .qtimes .tt-rem { color: #ffb3b3; margin-left: auto; }
+.qdetail .wave { display: block; width: 100%; height: 46px; background: rgba(0,0,0,.3); border-radius: 6px; touch-action: none; cursor: pointer; }
+.qtrim { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 11px; flex-wrap: wrap; }
+.qtrim .lblg { color: #9be6a0; } .qtrim .lblr { color: #ffb3b3; }
+.qtrim b { font-variant-numeric: tabular-nums; }
+.qtrim button { padding: 6px 9px; }
+.qtrim .rst { margin-left: auto; }
+.qgap { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 11px; opacity: .85; }
+.qgap input { width: 56px; text-align: center; padding: 6px 4px; }
+
 .nowbar { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 12px; margin-bottom: 12px; }
 .nowbar.hidden { display: none; }
 .np-top { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }