feat(remotion): Instagram channel-promo template + taste system + design-quality kit

The reference-round workflow, run end to end for a real template:

Taste system (how we learn the user's taste, persisted):
- references/TASTE_PROFILE.md (living design contract) + references/README.md (the
  daily loop) + a "reference round" stage in docs/TEMPLATE_BRIEF.md (provide refs or
  I suggest+mock directions).

Design-quality before/after:
- HeroDemo — the fix recipe vs the faint default: layered-depth background, a proper
  big video type scale, and a bold composed focal object. (Backgrounds were naked,
  text too small, scenes had no objects.)
- YaldaSofreh3D + IGPromoDirections + IGProfileMock — reference-match proofs
  (low-poly 3D, 3 IG-promo style directions, the realistic IG-light page).

Instagram channel-promo template (the deliverable — a flexible 5-scene FlexStory):
- igkit + 5 blocks: IGIntro, IGProfile (realistic IG-light profile, scales to all
  aspects), IGFeed (post grid), IGStats (animated count-up), IGFollowCTA (Follow taps
  to "Following").
- FlexStory gains a `finish` toggle so the IG-light scenes render clean (no brand
  grade). INSTAGRAM_PROMO preset + 3 aspect comps in Root.

Verified: a still of every scene at 9:16 renders clean; full preview MP4 rendering.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

services/remotion/references/README.md

@@ -0,0 +1,34 @@
+# references/ — the taste-capture drop zone
+
+Drop design references here so they become **codified taste**, not one-off chat images.
+
+- `TASTE_PROFILE.md` — the living design contract. I distill the recurring **design DNA**
+  from everything in this folder and consult it on every build.
+- `characters/` — drop **character pack files** here (PNG cutouts, SVG, `.blend`). I vendor
+  the usable ones into the asset library (honoring the license firewall) and build templates
+  *with* them — rather than redrawing from scratch.
+- `boards/` — optional moodboards / style references grouped by topic.
+
+When you add something, a one-line "why I like it" (the line, the palette, the mood, the
+attitude) sharpens the profile far more than the image alone.
+
+## The daily loop (our ritual)
+
+Paste taste images (or a "I love / I hate this") any day. Each drop runs the loop:
+
+1. **You paste** — references + one line of *why* (style / palette / mood / attitude).
+2. **I extract** the design DNA → update `TASTE_PROFILE.md` (the board grows, the through-line
+   sharpens) + a memory so it survives across sessions.
+3. **I apply** it → upgrade the shared **kits** (backgrounds, type scale, props, composition)
+   and the `flat-artist` skill so the *actual output* moves toward your taste.
+4. **I prove** it → a cheap still / before-after so you can see the move; you approve or reject,
+   which sharpens the profile again.
+
+Two modes so it's sustainable:
+- **Calibration days** (most days) — just steps 1–2. Cheap. Absorb the DNA, grow the board.
+- **Apply passes** (periodic) — steps 3–4. Roll the accumulated taste into the kits/blocks so
+  the whole catalogue jumps a level at once.
+
+What actually compounds: not my raw drawing (that's fixed), but the **system** — the codified
+profile, the reusable kits, the prop/character libraries, the skill rules. That gets richer every
+day, so the output keeps improving even though the base model doesn't.

services/remotion/references/TASTE_PROFILE.md

@@ -0,0 +1,86 @@
+# Taste Profile — character & illustration
+
+> The living design contract. References go in, recurring **design DNA** comes out, and
+> every build consults this file. The vaguer the input, the weaker the steer; the more
+> concrete (actual files, exact palettes, "I like X because Y"), the sharper.
+>
+> How it persists: this doc + the `feedback-character-design-taste` memory + the
+> `flat-artist` skill. It compounds — every approve/reject sharpens it.
+
+---
+
+## Reference board
+
+### 2026-06-24 — first character drop (4 refs)
+
+**R1 — 3D clay / toy characters** ("ANONYMOUZ", *Blender + PNG files*)
+Rounded soft-clay 3D, **minimal or featureless faces** (sunglasses, simple noses), strongly
+**diverse + inclusive** (skin tones, ages, a wheelchair user, body types), everyday activities
+(camera, gym, skate, gaming, shopping), **bright casual** clothing. The popular Gumroad/UI8
+"3D casual character" look.
+
+**R2 — bold flat vector** (winter / sports pack)
+**Chunky confident shapes**, **saturated primaries** (red / blue / yellow / navy) on light-blue
+panels, **dynamic athletic poses**, minimal faces (often hidden by goggles/helmets), thick forms.
+Alegria-adjacent but **bolder and more saturated**.
+
+**R3 — modern thick-outline cartoon** (sunglasses kid, sunset)
+**Thick black outlines**, flat cel fills, **warm gradient backgrounds** (orange→pink), chill/cool
+mood, simple expressive features, light environmental detail (wires/poles). Contemporary "cool"
+cartoon.
+
+**R4 — NFT / streetwear bold cartoon** (bearded, teal skin, surreal companions)
+**Thick black outlines**, **hyper-saturated flat fills**, surreal/edgy characters with attitude,
+solid color backgrounds. Doodles / Cool-Cats-adjacent.
+
+---
+
+## Core taste signal (the through-line)
+
+Across all four, consistently:
+
+- **Bold & saturated** — strong, confident color. **Not** muted, pastel, or washed-out.
+- **Thick outlines** (in the 2D refs) — clean, heavy black line.
+- **Minimal / stylized faces** — features simplified, abstracted, or hidden (shades, goggles).
+- **Clean confident shapes** — rounded, deliberate forms (3D clay or flat).
+- **Attitude & personality** — cool, expressive, characterful. **Not** corporate-bland.
+- **Modern / on-trend** — every ref is a *current* style (3D clay, bold flat, NFT cartoon).
+- **Diverse & inclusive** — especially R1.
+
+## Anti-patterns (what to AVOID — the look that failed before)
+
+- Muted / pastel / desaturated palettes.
+- Soft, thin, timid line work; vague forms.
+- Over-detailed, "trying to be realistic" faces → reads amateur ("the 5-year-old").
+- Corporate flat-design blandness with no personality.
+
+---
+
+## Sourcing strategy (honest path to this quality)
+
+These references are **purchasable / artist asset packs**, not styles I can reliably hand-redraw
+at this bar. The reliable path:
+
+1. **Vendor the actual packs** the user owns. R1 even ships **PNG files** → those cutouts drop
+   straight into the 2.5D engine as character layers (fastest win). Honor the license firewall
+   (`docs/ASSET_LIBRARY.md`, `public/illustrations/assets.json`).
+2. **Build motion / composition / templates around vendored characters** — that's our strength.
+   **Don't** redraw characters from scratch (that's the hand-code ceiling).
+3. For any character I *do* author, match the through-line: **thick outline + saturated fill +
+   minimal face + confident shape.**
+
+## Feasibility per style (in our engine)
+
+| Style | Path |
+|---|---|
+| R1 3D clay | **Blender** for the source (it literally ships `.blend`); **PNG cutouts vendor directly** into 2.5D today. Three.js can *approach* soft-clay (rounded geo + soft mat) but the polished look = Blender. |
+| R2 bold flat | **Matchable as SVG** — thick shapes + saturated fills; best **vendored** as a pack for consistency/volume. |
+| R3 thick-outline cartoon | **Matchable as SVG** (heavy stroke + flat cel + gradient bg). Volume → vendor. |
+| R4 NFT bold cartoon | **Matchable as SVG**; surreal characters are hard to author at scale → **vendor**. |
+
+---
+
+## Status / open questions
+- [ ] Which style is the **primary** direction (or several as tiers)?
+- [ ] Does the user **own the files** for these packs (to vendor), or are they inspiration only?
+- [ ] Drop pack files into `references/characters/` → I vendor + ledger them.