Cover effects playground

CSS dither (default) tunes the shipped video-cover finish and prints copy-pasteable constants forDitherOverlay.tsx. The other effects are real Paper Shaders driven through the same panel. Not linked from the site.

AP+ Testing Portal — cover clip

Symptom checker — cover clip

The dither previews over the dark video finish it ships on.

Copy into DitherOverlay.tsx

const SPECK_LIGHT = "#FFFFFF";
const SPECK_DARK = "#000000";
const BAYER_SIZE = 4;
const SPECK_COUNT = 1;
export const DITHER_REST_OPACITY = 0.6;
const CELL_PX = 1.5;
const BLEND_MODE = "soft-light";