User:Onno/Trait composite POC

This is a proof-of-concept for CSS layer compositing: stacking raw, full-canvas trait PNGs (all 1796x1796) at the same origin to assemble a Remilio in the browser, instead of baking each composite into its own uploaded file. The same raw layers feed a future Cargo/Tokens-driven trait builder.

Composite: background + race + shirt

One silhouette/background + raw layers, composited live. No baked "Mannequin_*.png" file per trait.

The three source layers, separately

• 
  Background: Africa
• 
  Race: Black (body)
• 
  Shirt: Burned Furs

How it works

• Each layer is the native art PNG (1796x1796, transparent except its own region).
• A position:relative box holds N position:absolute images

 pinned to the same top/left, scaled to one width. Because every layer shares the
 art canvas, they line up with no per-trait offsets.

• For the trait galleries this becomes a Template:Trait gallery row

 template (Cargo format=template) + TemplateStyles; for an interactive
 builder it becomes a <canvas> stack of the same files.