remove engine/producer changes — belongs in a separate PR

The portrait-video getBoundingClientRect fix and its regression test
will be submitted separately. This branch focuses on studio refactoring.

Author: miguel-heygen

packages/engine/src/services/screenshotService.ts

@@ -386,12 +386,6 @@ export async function injectVideoFramesBatch(
         "bottom",
         "inset",
       ]);
-      // Force Chrome to commit any pending style/layout from the preceding
-      // seek. On macOS Chrome (screenshot mode, pooled browser), layout can
-      // be deferred after __hf.seek(); reading any BCRA flushes the queue
-      // synchronously so offsetWidth/offsetHeight are guaranteed current.
-      document.body.getBoundingClientRect();
-
       for (const item of items) {
         const video = document.getElementById(item.videoId) as HTMLVideoElement | null;
         if (!video) continue;
@@ -442,22 +436,22 @@ export async function injectVideoFramesBatch(
         // stack vertically — the <img> lands below the video and gets clipped
         // by any overflow:hidden ancestor (e.g., border-radius wrappers).
         //
-        // Size: offsetWidth/offsetHeight — layout dimensions unaffected by
-        // ancestor CSS transforms (getBoundingClientRect double-scales).
-        // The layout flush above guarantees these are current even on
-        // macOS Chrome with pooled browsers (#1009).
-        // Position: offsetLeft/offsetTop — correct relative to offsetParent.
+        // Apply this after visual style copying so the measured used box is
+        // the final authority for replacement frame geometry.
         {
-          const w = video.offsetWidth;
-          const h = video.offsetHeight;
+          const videoRect = video.getBoundingClientRect();
+          const offsetLeft = Number.isFinite(video.offsetLeft) ? video.offsetLeft : 0;
+          const offsetTop = Number.isFinite(video.offsetTop) ? video.offsetTop : 0;
+          const offsetWidth = video.offsetWidth > 0 ? video.offsetWidth : videoRect.width;
+          const offsetHeight = video.offsetHeight > 0 ? video.offsetHeight : videoRect.height;
           img.style.position = "absolute";
           img.style.inset = "auto";
-          img.style.left = `${video.offsetLeft}px`;
-          img.style.top = `${video.offsetTop}px`;
+          img.style.left = `${offsetLeft}px`;
+          img.style.top = `${offsetTop}px`;
           img.style.right = "auto";
           img.style.bottom = "auto";
-          img.style.width = `${w}px`;
-          img.style.height = `${h}px`;
+          img.style.width = `${offsetWidth}px`;
+          img.style.height = `${offsetHeight}px`;
         }
         img.style.objectFit = computedStyle.objectFit;
         img.style.objectPosition = computedStyle.objectPosition;