chore: streamline compatibility tracking and documentation

docs/images/README.md

@@ -1,6 +1,6 @@
 # Style Preview Images
 
-Place theme style screenshots of **Desktop** in PNG format here, captured from the [live preview](../preview/index.html).
+Place theme style screenshots of **Desktop** in PNG format here, captured from the [local preview](../../preview/index.html).
 
 ## Naming Convention
 
@@ -14,7 +14,7 @@ neon.png       mono.png        terra.png    ink.png      aurora.png
 To ensure screenshots can be displayed in the README, please follow these size requirements:
 
 - **Maximum:** 50 KiB per image
-- **Recommended:** 30–40 KiB
+- **Recommended:** 10–20 KiB
 - **Format:** PNG, optimised — run through `pngquant` or `optipng` before committing
 
 ## How to Capture
@@ -24,4 +24,4 @@ To ensure screenshots can be displayed in the README, please follow these size r
 3. Take a screenshot of the rendered email (600px width recommended)
 4. Save as `<style-name>.png` in this directory
 
-> For static preview, run `cd tools && go run . preview all` then open `preview/index.html` directly.
+> For a source clone, run `cd tools && go run . preview all`, return to the repository root, then open `preview/index.html` directly.