DOM Clone

Rebuild the DOM/CSS layer of a page as clean components whose every value is measured, not estimated. The difference between a clone that reads as "pixel-perfect" and one that reads as "AI slop" is almost entirely whether the spacing, type scale, and colors are the site's real computed values or an approximation. So the whole method is built to remove guessing.

Scope boundary — read this first. This track handles DOM/CSS only. Any <canvas> painting WebGL/WebGPU/2D pixels is invisible to getComputedStyle() and belongs to shader-extract. When you meet a GPU surface (the surface map tags them, or you see a <canvas> you can't style your way into), do NOT rebuild it — leave a placeholder mount (below) and move on. Rebuilding a shader as HTML is the classic failure that makes a clone look empty.

Inputs