diff --git a/public/js/rendering/pipeline.js b/public/js/rendering/pipeline.js
index cd1a8b6..92b5f32 100644
--- a/public/js/rendering/pipeline.js
+++ b/public/js/rendering/pipeline.js
@@ -821,18 +821,18 @@ import {
 
         // 2. Vintage Studio Scale Labels
         targetCtx.fillStyle = 'rgba(255, 255, 255, 0.55)';
-        targetCtx.font = `700 ${Math.round(meterW * 0.028)}px 'Inter', sans-serif`;
+        targetCtx.font = `700 ${Math.max(9, Math.round(totalW * 0.022))}px 'Inter', sans-serif`;
         targetCtx.textAlign = 'left';
         targetCtx.fillText('PLAYBACK TIMELINE', startX + 14, chassisY + 14);
 
         targetCtx.fillStyle = cfg.progressRingColor || '#ffaa22';
-        targetCtx.font = `800 ${Math.round(meterW * 0.03)}px 'Orbitron', monospace`;
+        targetCtx.font = `800 ${Math.max(10, Math.round(totalW * 0.025))}px 'Orbitron', monospace`;
         targetCtx.textAlign = 'center';
         const timeStr = `${formatTime(effCurrentTime)} / ${formatTime(effDuration)}`;
         targetCtx.fillText(timeStr, 0, chassisY + 14);
 
         targetCtx.fillStyle = 'rgba(255, 255, 255, 0.55)';
-        targetCtx.font = `700 ${Math.round(meterW * 0.028)}px 'Inter', sans-serif`;
+        targetCtx.font = `700 ${Math.max(9, Math.round(totalW * 0.022))}px 'Inter', sans-serif`;
         targetCtx.textAlign = 'right';
         targetCtx.fillText(`${Math.round(progress * 100)}%`, startX + totalW - 14, chassisY + 14);