docs: add compressed stylegrid preview to READMEmain

Update the stylegrid section with current panel counts and embed a lightweight JPEG preview so readers can quickly see all style/theme examples without loading the full-size grid.

Made-with: Cursor

1 files changed, 5 insertions, 1 deletions

diff --git a/README.md b/README.md
index daa6b05..f96b49d 100644
--- a/README.md
+++ b/README.md
@@ -241,6 +241,10 @@ To compare **every** line in `styles.*` plus **every** `story.genres` entry on o
 go run ./cmd/stylegrid --config config.yaml --output stylegrid.png
 ```
 
-Flags: `--scene` (override the shared scene), `--aspect-ratio` (default `16:9`), `--timeout` (default 45m). With default `config` this produces **14** style variants + **3** genre panels = **17** images. Regenerate after editing style or genre lists in YAML.
+Flags: `--scene` (override the shared scene), `--aspect-ratio` (default `16:9`), `--timeout` (default 45m). With default `config` this produces **24** style variants + **3** genre panels = **27** images. Regenerate after editing style or genre lists in YAML.
 
 `mage stylegrid` writes `stylegrid.png` in the repo root via the same command.
+
+Example preview (downscaled JPEG for README; full-resolution grid is much larger):
+
+![Stylegrid preview](assets/stylegrid-all-styles-and-themes-small.jpg)