effects — 100.00% verified visual parity

← all categories · PASS 59 · FAIL 0 · REFERENCE-DISPUTED 1 · 60 total · 300 DPI

diff colours:MissingExtraColorErrMatchFull-page diff: matching and per-channel ≤1.0% pixels are blank; coloured classes are same-coordinate above-floor evidence. Exact RGBA mismatch remains numeric.

show PASS 59status class min diff% sort

mix-blend-mode on text — 0.00% verified visual parity PASS 0 · FAIL 0 · REFERENCE-DISPUTED 1all categories ↑

REFERENCE-DISPUTED 3576 px · above-floor 1.27% · raw 1.27% max-page diff r2-mix-blend-mode-text-difference · text-difference · REFERENCE DISPUTEDAntialiasCoverageΔE 24.6

why: above-floor complete-page mismatch 1.271467% exceeds 1.0% PASS ceiling; visually accepted coverage phase; raw antialiasing coverage residue on a shared outline

mix-blend-mode must apply to text content: Large white text with mix-blend-mode:difference sits over a blue block and should invert the backdrop under glyphs. Catches wrong implementation: Blend wrapper only covers boxes, not text glyph drawing.

reference dispute: Both PDFs are rasterized by the same pinned pdftoppm command. Ironpress applies difference to the text: its fully painted glyph colour is Chrome's #EA9A3F over the #1565C0 backdrop (27,453 versus 27,471 pixels). The remaining raw diff is only one-device-pixel glyph-contour coverage. Ironpress embeds ParitySans as CID TrueType while Chrome's PDF uses Type 3, which changes PDF edge coverage under the shared rasterizer without indicating a missing blend-mode operation. Raw evidence remains reported.

regions (4 total; showing 4 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	4	3576	17,32 → 175,80	1739	total 1.3% · largest 0.6%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
AntialiasCoverage	95,32 → 175,80	0.6	ΔRGB(-21,-5,12)	antialiasing coverage residue on a shared outline
AntialiasCoverage	60,32 → 92,80	0.3	ΔRGB(-26,-6,17)	antialiasing coverage residue on a shared outline
AntialiasCoverage	17,32 → 57,80	0.2	ΔRGB(-49,-12,29)	antialiasing coverage residue on a shared outline
AntialiasCoverage	69,33 → 91,51	0.09	ΔRGB(-75,-18,46)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-mix-blend-mode-text-difference.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend mode text difference</title>
6<style>
7  @page { size: 240px 120px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { width: 240px; height: 120px; padding: 18px; background: #1565c0; }
12  .text { color: #ffffff; font-size: 62px; font-weight: 700; line-height: 80px; mix-blend-mode: difference; }
13</style>
14</head>
15<body>
16  <div class="stage"><div class="text">TEXT</div></div>
17</body>
18</html>

background-blend-mode — 100.00% verified visual parity PASS 15 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.29% · raw 0.29% (625 px) background-blend-mode-overlay · overlayPASS via CSS-scale observation: coherent sub-authored colour frontierColorValueΔE 8.5

why: visually accepted coverage phase; raw fill recolour ΔRGB(+0,+0,+25) (ΔE 8.5)

background-blend-mode: overlay blends black/white gradient halves with a purple background color; catches normal or multiply-only background blending.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	1	625	0,110 → 200,110	625	total 0.3% · largest 0.3%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	0,110 → 200,110	0.3	ΔRGB(0,0,25)	fill recolour ΔRGB(+0,+0,+25) (ΔE 0)

source · cases/effects/background-blend-mode-overlay.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background-blend-mode overlay</title>
6<style>
7  @page { size: 200px 112px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 110px;
14    background-color: #7b1fa2;
15    background-image: linear-gradient(to right, #000000 0 50%, #ffffff 50% 100%);
16    background-blend-mode: overlay;
17  }
18</style>
19</head>
20<body>
21  <div class="box"></div>
22</body>
23</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.07% · raw 0.07% (1251 px) background-blend-mode-multiply · multiplyPASS via CSS-scale observation: coherent sub-authored colour frontierColorValueΔE 6.5

why: visually accepted coverage phase; raw fill recolour ΔRGB(-5,-1,+15) (ΔE 6.5)

A linear-gradient background blended against a solid background-color via background-blend-mode multiply (aspirational; not implemented).

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	1	1251	40,40 → 280,200	1251	total 0.07% · largest 0.07%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	40,40 → 280,200	0.07	ΔRGB(-5,-1,15)	fill recolour ΔRGB(-5,-1,+15) (ΔE 0)

source · cases/effects/background-blend-mode-multiply.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background-blend-mode multiply</title>
6<style>
7  @page { size: 816px 240px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { background: #eceff1; padding: 40px; }
12  .box {
13    width: 240px;
14    height: 160px;
15    /* a gradient blended against a solid background-color via multiply */
16    background-color: #ffb300;
17    background-image: linear-gradient(to right, #1e88e5, #d81b60);
18    background-blend-mode: multiply;
19  }
20</style>
21</head>
22<body>
23  <div class="stage"><div class="box"></div></div>
24</body>
25</html>

PASS exact match r2-background-blend-mode-color · color

Non-separable background-blend-mode:color is required: A red/blue gradient background blends with a gray/yellow base using color. Catches wrong implementation: Parser falls back to normal because non-separable blend keywords are not recognized.

PASS exact match r2-background-blend-mode-color-burn · color-burn

background-blend-mode:color-burn needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:color-burn over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-color-dodge · color-dodge

background-blend-mode:color-dodge needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:color-dodge over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-darken · darken

background-blend-mode:darken needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:darken over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-difference · difference

background-blend-mode:difference needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:difference over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-exclusion · exclusion

background-blend-mode:exclusion needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:exclusion over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-hard-light · hard-light

background-blend-mode:hard-light needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:hard-light over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-hue · hue

Non-separable background-blend-mode:hue is required: A red/blue gradient background blends with a gray/yellow base using hue. Catches wrong implementation: Parser falls back to normal because non-separable blend keywords are not recognized.

PASS exact match r2-background-blend-mode-lighten · lighten

background-blend-mode:lighten needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:lighten over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-luminosity · luminosity

Non-separable background-blend-mode:luminosity is required: A red/blue gradient background blends with a gray/yellow base using luminosity. Catches wrong implementation: Parser falls back to normal because non-separable blend keywords are not recognized.

PASS exact match r2-background-blend-mode-saturation · saturation

Non-separable background-blend-mode:saturation is required: A red/blue gradient background blends with a gray/yellow base using saturation. Catches wrong implementation: Parser falls back to normal because non-separable blend keywords are not recognized.

PASS exact match r2-background-blend-mode-screen · screen

background-blend-mode:screen needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:screen over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

PASS exact match r2-background-blend-mode-soft-light · soft-light

background-blend-mode:soft-light needs direct coverage: A two-layer solid linear-gradient background uses background-blend-mode:soft-light over a yellow background color. Catches wrong implementation: Renderer supports only multiply or treats all other background blend values as normal.

background-blend-mode comma-separated list — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.85% · raw 0.85% (2684 px) r2-background-blend-mode-list-matching · list-matchingPASS via CSS-scale observation: coherent sub-authored colour frontierColorValueΔE 3.7

why: visually accepted coverage phase; raw fill recolour ΔRGB(-1,-6,-24) (ΔE 3.7)

background-blend-mode lists must match background layers: Two background image layers use different blend modes: top red stripe multiplies, lower blue stripe screens with the background color. Catches wrong implementation: Computed style keeps one blend mode and applies it to every layer or only the first layer.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	1	2684	0,0 → 220,140	2684	total 0.9% · largest 0.9% · max ΔE 3.7

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	0,0 → 220,140	0.9	ΔE 3.7 ΔRGB(-1,-6,-24)	fill recolour ΔRGB(-1,-6,-24) (ΔE 3.7)

source · cases/effects/r2-background-blend-mode-list-matching.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 background blend mode list matching</title>
6<style>
7  @page { size: 224px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box { width: 220px; height: 140px; background-color: #fdd835; background-image: linear-gradient(to right, transparent 0 50%, #d32f2f 50% 100%), linear-gradient(to bottom, #1565c0 0 50%, transparent 50% 100%); background-blend-mode: multiply, screen; }
12</style>
13</head>
14<body>
15  <div class="box"></div>
16</body>
17</html>

box-shadow — 100.00% verified visual parity PASS 13 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.07% · raw 1.29% (22132 px) box-shadow-blur · blurPASS via raw same-coordinate visibility policyColorValueΔE 0.4

why: fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)

Offset box-shadow with a soft blur radius on a non-white stage.

regions (72 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	72	22132	44,44 → 260,190	16389	total 1.3% · largest 1.0% · max ΔE 0.6

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	83,68 → 260,183	1.0	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	68,167 → 83,185	0.06	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
AntialiasCoverage	255,76 → 255,157	0.05	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	78,50 → 224,50	0.03	ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	52,160 → 60,165	0.02	ΔE 0.4 ΔRGB(2,1,2)	fill recolour ΔRGB(+2,+1,+2) (ΔE 0.4)
ColorValue	239,50 → 242,57	0.01	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	44,65 → 50,70	0.009326	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	234,180 → 236,185	0.007712	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	68,165 → 73,167	0.007413	ΔE 0.5 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.5)
ColorValue	230,65 → 231,72	0.007174	ΔE 0.5 ΔRGB(2,1,1)	fill recolour ΔRGB(+2,+1,+1) (ΔE 0.5)
ColorValue	62,46 → 68,50	0.006217	ΔE 0.5 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.5)
ColorValue	229,50 → 232,54	0.006098	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	230,60 → 234,62	0.006098	ΔE 0.4 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.4)
ColorValue	233,52 → 236,54	0.005918	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	246,65 → 249,68	0.005858	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	78,165 → 80,168	0.005739	ΔE 0.5 ΔRGB(-1,-1,-2)	fill recolour ΔRGB(-1,-1,-2) (ΔE 0.5)
ColorValue	75,160 → 79,162	0.005440	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	49,155 → 50,162	0.005261	ΔE 0.4	fill colour differs (ΔE 0.4)
ColorValue	234,44 → 236,47	0.004782	ΔE 0.4 ΔRGB(2,1,1)	fill recolour ΔRGB(+2,+1,+1) (ΔE 0.4)
ColorValue	47,70 → 50,75	0.004543	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	65,180 → 68,183	0.004185	ΔE 0.5 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.5)
ColorValue	236,57 → 239,60	0.003945	ΔE 0.5 ΔRGB(2,1,2)	fill recolour ΔRGB(+2,+1,+2) (ΔE 0.5)
ColorValue	239,175 → 242,178	0.003945	ΔE 0.4 ΔRGB(-1,-1,-2)	fill recolour ΔRGB(-1,-1,-2) (ΔE 0.4)
ColorValue	239,180 → 242,183	0.003945	ΔE 0.5 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.5)
ColorValue	47,157 → 48,162	0.003826	ΔE 0.2 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
ColorValue	60,170 → 62,172	0.003766	ΔE 0.5 ΔRGB(2,1,2)	fill recolour ΔRGB(+2,+1,+2) (ΔE 0.5)
ColorValue	57,172 → 60,175	0.003407	ΔE 0.4	fill colour differs (ΔE 0.4)
ColorValue	231,75 → 234,78	0.003348	ΔE 0.5 ΔRGB(-2,-1,-2)	fill recolour ΔRGB(-2,-1,-2) (ΔE 0.5)
ColorValue	239,60 → 242,62	0.003288	ΔE 0.4	fill colour differs (ΔE 0.4)
AntialiasCoverage	62,160 → 65,162	0.003228	ΔE 0.4	antialiasing coverage residue on a shared outline
ColorValue	244,55 → 246,57	0.003168	ΔE 0.5 ΔRGB(2,1,2)	fill recolour ΔRGB(+2,+1,+2) (ΔE 0.5)
ColorValue	55,167 → 57,170	0.003049	ΔE 0.6 ΔRGB(2,1,2)	fill recolour ΔRGB(+2,+1,+2) (ΔE 0.6)
ColorValue	73,48 → 75,50	0.002212	ΔE 0.4 ΔRGB(2,1,1)	fill recolour ΔRGB(+2,+1,+1) (ΔE 0.4)
ColorValue	245,50 → 247,52	0.002212	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	75,189 → 78,190	0.002152	ΔE 0.2 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
ColorValue	224,189 → 226,190	0.002152	ΔE 0.2 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
ColorValue	256,57 → 257,60	0.002092	ΔE 0.4 ΔRGB(2,2,2)	fill recolour ΔRGB(+2,+2,+2) (ΔE 0.4)
ColorValue	50,178 → 51,180	0.002033	ΔE 0.6 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.6)
ColorValue	60,187 → 62,188	0.002033	ΔE 0.2 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
ColorValue	62,44 → 65,45	0.001913	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	239,44 → 242,45	0.001913	ΔE 0.4 ΔRGB(2,2,2)	fill recolour ΔRGB(+2,+2,+2) (ΔE 0.4)
ColorValue	234,65 → 235,68	0.001913	ΔE 0.3 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.3)
ColorValue	44,170 → 45,172	0.001913	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	73,47 → 75,48	0.001853	ΔE 0.2 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
ColorValue	259,68 → 260,70	0.001793	ΔE 0.2 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
AntialiasCoverage	236,70 → 236,73	0.001734	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
ColorValue	236,65 → 236,67	0.001674	ΔE 0.3 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.3)
ColorValue	79,160 → 80,162	0.001614	ΔE 0.3 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.3)
AntialiasCoverage	239,46 → 242,47	0.001554	ΔE 0.6 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	257,68 → 258,70	0.001554	ΔE 0.6 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	46,170 → 47,172	0.001554	ΔE 0.6 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	244,65 → 245,67	0.001495	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	234,70 → 235,72	0.001495	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	254,57 → 255,60	0.001375	ΔE 0.6 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	51,160 → 52,162	0.001375	ΔE 0.5 ΔRGB(1,1,2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	60,185 → 62,186	0.001375	ΔE 0.6 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	75,188 → 77,188	0.001315	ΔE 0.6 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	224,188 → 226,188	0.001315	ΔE 0.6 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
ColorValue	230,78 → 231,79	0.001255	ΔE 0.3 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.3)
AntialiasCoverage	244,50 → 245,52	0.001136	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
ColorValue	52,178 → 52,180	0.001136	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	230,79 → 231,80	0.001076	ΔE 0.3 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.3)
AntialiasCoverage	50,57 → 50,61	0.000717	ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	50,62 → 50,65	0.000598	ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline

source · cases/effects/box-shadow-blur.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>box-shadow blur</title>
6<style>
7  @page { size: 816px 216px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { background: #e8f5e9; padding: 50px; }
12  .box {
13    width: 180px;
14    height: 110px;
15    background-color: #2e7d32;
16    /* offset plus a soft blur radius */
17    box-shadow: 12px 12px 16px 0 #1b5e20;
18  }
19</style>
20</head>
21<body>
22  <div class="stage"><div class="box"></div></div>
23</body>
24</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.07% · raw 0.07% (1252 px) box-shadow-inset-spread · inset-spreadPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 54.9

why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline

Inset box-shadow with spread: a solid inner ring clipped to the padding box.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	2	1252	40,40 → 240,170	626	total 0.07% · largest 0.04%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
AntialiasCoverage	40,40 → 240,40	0.04	ΔRGB(-174,-150,-126)	antialiasing coverage residue on a shared outline
AntialiasCoverage	40,170 → 240,170	0.04	ΔRGB(-174,-150,-126)	antialiasing coverage residue on a shared outline

source · cases/effects/box-shadow-inset-spread.html

1<!DOCTYPE html>
2<html lang="en"><head><meta charset="utf-8"><title>box-shadow inset spread</title><style>
3  @page { size: 816px 216px; margin: 0; }
4  html { font-family: ParitySans; line-height: 1.5; }
5  * { margin: 0; box-sizing: border-box; }
6  html, body { background: #ffffff; }
7  .stage { background: #fff3e0; padding: 40px; }
8  /* inset, zero blur, 16px spread -> solid inner ring clipped to padding box */
9  .box { width: 200px; height: 130px; background-color: #90caf9; box-shadow: inset 0 0 0 16px #37474f; }
10</style></head><body><div class="stage"><div class="box"></div></div></body></html>

PASS exact match box-shadow-border-radius · border-radius

Box-shadow on a border-radius element must adopt the same rounded corners.

PASS exact match box-shadow-color · colored

Hard offset box-shadow in a saturated color distinct from the box fill.

PASS exact match box-shadow-currentcolor · currentcolor

Box-shadow with the color omitted, so it paints in the element's currentColor.

PASS exact match box-shadow-inset · inset

Inset hard box-shadow drawing an inner band on two sides of the box.

PASS exact match box-shadow-multiple · multiple

Two stacked hard box-shadows in different directions and colors.

PASS exact match box-shadow-negative-offset · negative-offset

Box-shadow with negative offsets cast to the upper-left of the element.

PASS exact match box-shadow-negative-spread · negative-spread

Hard-edged offset box-shadow with negative spread (-8px) shrinking the shadow smaller than the box.

PASS exact match box-shadow-offset · hard-offset

Box with a hard-edged (zero-blur) offset box-shadow cast onto a non-white stage.

PASS exact match box-shadow-spread · spread

Zero-offset zero-blur positive-spread box-shadow forming a hard symmetric halo.

PASS exact match box-shadow-spread-outline · spread-outline

Zero-offset zero-blur box-shadow with positive spread: a solid even ring of equal width on all four sides.

PASS exact match effects-invalid-shadow-list-is-ignored · invalid-list-item-invalidates-declaration

One invalid shadow containing a non-zero unitless length invalidates the entire comma-separated box-shadow declaration, including its otherwise-valid first item. Catches parsers that accept bare lengths or silently filter invalid list entries.

box-shadow inset blur with border-radius — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.66% · raw 26.14% (82329 px) r2-box-shadow-inset-blur-radius · inset-blur-radiusPASS via raw same-coordinate visibility policyColorValueΔE 0.3

why: fill colour differs (ΔE 0.3)

inset box-shadow blur must fade inward inside rounded corners: A deterministic solid-color box isolates the shadow edge/order behavior. Catches wrong implementation: Simplified shadow renderer ignores blur/spread/order/inset clipping details.

regions (528 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	528	82329	0,0 → 164,84	74779	total 61.0% · largest 55.4% · max ΔE 0.7

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	0,0 → 164,84	55.4	ΔE 0.4	fill colour differs (ΔE 0.4)
ColorValue	37,4 → 126,5	1.5	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
AntialiasCoverage	42,34 → 124,35	0.4	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	4,4 → 16,16	0.4	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
AntialiasCoverage	31,81 → 133,81	0.2	ΔE 0.4 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	36,8 → 128,8	0.2	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	39,29 → 126,29	0.2	ΔE 0.2 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	4,37 → 5,47	0.2	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
ColorValue	154,7 → 159,16	0.2	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	126,39 → 128,46	0.1	ΔE 0.3 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.3)
AntialiasCoverage	13,5 → 17,11	0.07	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	6,13 → 11,17	0.06	ΔE 0.4 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	8,77 → 14,80	0.06	ΔE 0.4	fill colour differs (ΔE 0.4)
AntialiasCoverage	160,50 → 162,60	0.06	ΔE 0.4 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	144,81 → 152,82	0.06	ΔE 0.2 ΔRGB(0,-1,0)	fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
AntialiasCoverage	24,39 → 24,46	0.05	ΔE 0.3 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	137,37 → 137,48	0.05	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	145,13 → 151,17	0.05	ΔE 0.4	antialiasing coverage residue on a shared outline
ColorValue	161,62 → 164,67	0.05	ΔE 0.1 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.1)
ColorValue	158,69 → 160,76	0.05	ΔE 0.09	fill colour differs (ΔE 0.09)
AntialiasCoverage	6,70 → 9,76	0.05	ΔE 0.4 ΔRGB(1,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	14,75 → 17,79	0.05	ΔE 0.4 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	136,77 → 139,80	0.05	ΔE 0.10 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.10)
AntialiasCoverage	134,80 → 144,82	0.04	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
ColorValue	11,75 → 13,77	0.04	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	151,9 → 154,11	0.04	ΔE 0.4	fill colour differs (ΔE 0.4)
AntialiasCoverage	142,20 → 146,23	0.04	ΔE 0.4 ΔRGB(1,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	160,57 → 162,64	0.04	ΔE 0.10 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	27,39 → 27,46	0.04	ΔE 0.3 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	134,25 → 139,28	0.03	ΔE 0.3	antialiasing coverage residue on a shared outline
ColorValue	163,24 → 164,26	0.03	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	155,67 → 157,70	0.03	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
AntialiasCoverage	148,12 → 152,14	0.03	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	157,26 → 159,31	0.03	ΔE 0.4 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	163,60 → 164,62	0.03	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
AntialiasCoverage	129,36 → 129,47	0.02	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	139,80 → 144,81	0.02	ΔE 0.4 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	152,18 → 154,20	0.02	ΔE 0.3 ΔRGB(1,0,0)	fill recolour ΔRGB(+1,+0,+0) (ΔE 0.3)
AntialiasCoverage	154,13 → 156,16	0.02	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	129,14 → 131,15	0.02	ΔE 0.3 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	9,66 → 11,68	0.01	ΔE 0.4 ΔRGB(0,-1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	24,9 → 26,10	0.01	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	26,9 → 28,10	0.01	ΔE 0.4 ΔRGB(0,-1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	150,11 → 151,12	0.01	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	147,13 → 149,14	0.01	ΔE 0.4	antialiasing coverage residue on a shared outline
AntialiasCoverage	152,14 → 154,17	0.01	ΔE 0.4 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	151,13 → 152,16	0.01	ΔE 0.4	antialiasing coverage residue on a shared outline
AntialiasCoverage	31,39 → 31,44	0.01	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
ColorValue	11,6 → 13,6	0.01	ΔE 0.09 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.09)
AntialiasCoverage	32,6 → 36,6	0.01	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	142,13 → 145,14	0.01	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	11,12 → 12,14	0.01	ΔE 0.09 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	27,47 → 28,49	0.01	ΔE 0.3 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,11 → 14,12	0.009635	ΔE 0.09 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	14,12 → 15,13	0.009635	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,14 → 13,15	0.009635	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	29,58 → 30,59	0.009635	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	152,68 → 154,69	0.009635	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	150,70 → 151,72	0.009635	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	147,80 → 149,80	0.009635	ΔE 0.4 ΔRGB(2,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	156,16 → 159,17	0.008894	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	151,17 → 152,18	0.008894	ΔE 0.4	antialiasing coverage residue on a shared outline
AntialiasCoverage	9,24 → 10,26	0.008894	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	9,27 → 10,28	0.008894	ΔE 0.4 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-box-shadow-inset-blur-radius.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 box shadow inset blur radius</title>
6<style>
7  @page { size: 224px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { width: 220px; height: 140px; padding: 28px; background: #ffffff; }
12  .box { width: 164px; height: 84px; border-radius: 24px; background: #90caf9; box-shadow: inset 0 0 18px 16px rgba(1,87,155,0.85); }
13</style>
14</head>
15<body>
16  <div class="stage"><div class="box"></div></div>
17</body>
18</html>

box-shadow list with inset and outset layers — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.20% · raw 0.20% (628 px) r2-box-shadow-inset-outset-list · inset-outset-listPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 31.7

why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline

mixed inset and outset shadows must paint on opposite sides of the background: A deterministic solid-color box isolates the shadow edge/order behavior. Catches wrong implementation: Simplified shadow renderer ignores blur/spread/order/inset clipping details.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	2	628	0,0 → 100,70	314	total 0.5% · largest 0.2%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
AntialiasCoverage	0,0 → 100,0	0.2	ΔRGB(-28,-134,-134)	antialiasing coverage residue on a shared outline
AntialiasCoverage	0,70 → 100,70	0.2	ΔRGB(-28,-134,-134)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-box-shadow-inset-outset-list.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 box shadow inset outset list</title>
6<style>
7  @page { size: 240px 136px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { width: 240px; height: 130px; padding: 30px; background: #ffffff; }
12  .box { width: 100px; height: 70px; background: #ffe082; box-shadow: 86px 0 0 0 #1565c0, inset 0 0 0 16px #d32f2f; }
13</style>
14</head>
15<body>
16  <div class="stage"><div class="box"></div></div>
17</body>
18</html>

box-shadow multiple shadow paint order — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match r2-box-shadow-multiple-order-overlap · multiple-order-overlap

multiple box-shadows must paint first shadow on top: A deterministic solid-color box isolates the shadow edge/order behavior. Catches wrong implementation: Simplified shadow renderer ignores blur/spread/order/inset clipping details.

box-shadow positive spread with blur and border-radius — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 3.29% (14934 px) r2-box-shadow-spread-blur-radius · spread-blur-radiusPASS via raw same-coordinate visibility policyColorValueΔE 0.4

why: fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)

box-shadow spread plus blur and radius must grow the rounded shadow shape: A deterministic solid-color box isolates the shadow edge/order behavior. Catches wrong implementation: Simplified shadow renderer ignores blur/spread/order/inset clipping details.

regions (214 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	214	14934	12,12 → 214,155	667	total 3.5% · largest 0.2% · max ΔE 0.7

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	152,127 → 163,142	0.2	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	58,131 → 72,140	0.1	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	147,24 → 157,37	0.1	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	168,27 → 178,32	0.09	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	191,104 → 198,111	0.07	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	194,114 → 198,122	0.06	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	180,76 → 183,88	0.06	ΔE 0.4 ΔRGB(-1,-1,0)	fill recolour ΔRGB(-1,-1,+0) (ΔE 0.4)
ColorValue	40,37 → 46,45	0.05	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	160,29 → 165,37	0.05	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	50,47 → 58,55	0.05	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	35,52 → 40,60	0.05	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	28,68 → 35,76	0.05	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	163,137 → 168,142	0.04	ΔE 0.5 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.5)
ColorValue	190,70 → 196,76	0.04	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	42,119 → 45,127	0.04	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	163,19 → 168,24	0.04	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	196,99 → 203,104	0.04	ΔE 0.4 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.4)
ColorValue	68,29 → 72,37	0.04	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	201,63 → 207,68	0.04	ΔE 0.4 ΔRGB(-1,-1,0)	fill recolour ΔRGB(-1,-1,+0) (ΔE 0.4)
ColorValue	22,68 → 28,73	0.04	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	60,140 → 65,145	0.04	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	173,37 → 179,40	0.03	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	81,29 → 86,34	0.03	ΔE 0.5 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.5)
ColorValue	58,37 → 60,42	0.03	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	145,134 → 147,140	0.03	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	76,29 → 78,34	0.03	ΔE 0.5	fill colour differs (ΔE 0.5)
ColorValue	76,135 → 81,140	0.03	ΔE 0.4 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.4)
ColorValue	178,60 → 183,63	0.03	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	140,29 → 145,34	0.03	ΔE 0.5 ΔRGB(-1,0,-1)	fill recolour ΔRGB(-1,+0,-1) (ΔE 0.5)
ColorValue	50,37 → 55,41	0.03	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	194,53 → 198,58	0.03	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	196,50 → 201,52	0.03	ΔE 0.4 ΔRGB(1,0,0)	fill recolour ΔRGB(+1,+0,+0) (ΔE 0.4)
ColorValue	29,60 → 34,63	0.03	ΔE 0.4	fill colour differs (ΔE 0.4)
ColorValue	14,63 → 18,68	0.03	ΔE 0.5 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.5)
ColorValue	137,135 → 142,138	0.02	ΔE 0.5 ΔRGB(1,1,0)	fill recolour ΔRGB(+1,+1,+0) (ΔE 0.5)
ColorValue	55,19 → 59,22	0.02	ΔE 0.4 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.4)
ColorValue	178,35 → 180,40	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	46,37 → 50,40	0.02	ΔE 0.4 ΔRGB(1,0,1)	fill recolour ΔRGB(+1,+0,+1) (ΔE 0.4)
ColorValue	164,47 → 168,51	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	63,27 → 65,29	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	206,96 → 209,99	0.02	ΔE 0.5 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.5)
ColorValue	58,29 → 60,32	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	63,37 → 65,40	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	14,47 → 17,50	0.02	ΔE 0.4 ΔRGB(-2,-2,-2)	fill recolour ΔRGB(-2,-2,-2) (ΔE 0.4)
ColorValue	178,24 → 180,27	0.02	ΔE 0.5 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.5)
AntialiasCoverage	72,29 → 73,37	0.02	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
ColorValue	58,45 → 60,47	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	183,99 → 186,101	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	58,129 → 60,132	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	165,132 → 168,134	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	63,32 → 65,35	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	50,124 → 52,127	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	88,32 → 91,35	0.02	ΔE 0.4 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.4)
ColorValue	134,32 → 137,35	0.02	ΔE 0.4 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.4)
ColorValue	183,40 → 186,42	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	45,60 → 47,63	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	19,109 → 22,111	0.02	ΔE 0.5 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.5)
ColorValue	198,37 → 201,40	0.02	ΔE 0.5 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.5)
ColorValue	168,152 → 170,155	0.02	ΔE 0.5 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.5)
ColorValue	65,14 → 68,17	0.02	ΔE 0.5 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.5)
ColorValue	58,24 → 60,27	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	71,24 → 73,27	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	22,88 → 24,91	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)
ColorValue	196,93 → 198,96	0.02	ΔE 0.4 ΔRGB(-2,-1,-1)	fill recolour ΔRGB(-2,-1,-1) (ΔE 0.4)

source · cases/effects/r2-box-shadow-spread-blur-radius.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 box shadow spread blur radius</title>
6<style>
7  @page { size: 264px 176px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { width: 260px; height: 170px; padding: 48px; background: #eef7f2; }
12  .box { width: 130px; height: 74px; border-radius: 24px; background: #1565c0; box-shadow: 0 0 18px 16px #00695c; }
13</style>
14</head>
15<body>
16  <div class="stage"><div class="box"></div></div>
17</body>
18</html>

isolation — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.35% · raw 0.35% (1219 px) r2-isolation-isolate-descendant-blend · isolate-descendant-blendPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

isolation:isolate must constrain descendant blending: Two identical groups contain a red multiply child over blue page stripes; the isolated group blends only within its own white group backdrop. Catches wrong implementation: Renderer ignores isolation so both red children multiply against the external blue backdrop.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	1219	0,0 → 260,130	1219	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,0 → 260,130	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-isolation-isolate-descendant-blend.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 isolation isolate descendant blend</title>
6<style>
7  @page { size: 264px 136px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { display: flex; gap: 32px; width: 260px; height: 130px; padding: 25px; background: #1565c0; }
12  .group { width: 85px; height: 80px; position: relative; }
13  .iso { isolation: isolate; }
14  .child { width: 85px; height: 80px; background: #d32f2f; mix-blend-mode: multiply; }
15</style>
16</head>
17<body>
18  <div class="stage"><div class="group iso"><div class="child"></div></div><div class="group"><div class="child"></div></div></div>
19</body>
20</html>

mix-blend-mode — 100.00% verified visual parity PASS 15 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.33% · raw 0.33% (4691 px) mix-blend-mode-screen · screenPASS via CSS-scale observation: sub-CSS shared-outline coverageAntialiasCoveragemissing 0.4%ΔE 17.1

why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline

Two overlapping solid boxes on a dark stage whose overlap should lighten via mix-blend-mode screen (aspirational; not implemented).

regions (6 total; showing 6 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	3	2004	0,0 → 210,220	2002	total 0.3% · largest 0.3%
Missing	3	2687	0,0 → 320,220	1000	total 0.4% · largest 0.1%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
AntialiasCoverage	30,30 → 210,170	0.3	ΔRGB(-20,2,3)	antialiasing coverage residue on a shared outline
Missing	0,0 → 320,0	0.1		candidate lacks paint present in reference (0.1%)
Missing	0,220 → 320,220	0.1		candidate lacks paint present in reference (0.1%)
Missing	0,0 → 0,220	0.10		candidate lacks paint present in reference (0.10%)
AntialiasCoverage	0,0 → 0,0	0.000145	ΔRGB(4,4,4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	0,220 → 0,220	0.000145	ΔRGB(10,10,9)	antialiasing coverage residue on a shared outline

source · cases/effects/mix-blend-mode-screen.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>mix-blend-mode screen</title>
6<style>
7  @page { size: 480px 304px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 320px; height: 220px; background: #263238; margin: 40px; }
12  .base {
13    position: absolute; top: 30px; left: 30px;
14    width: 180px; height: 140px;
15    background-color: #c62828;
16  }
17  .blend {
18    position: absolute; top: 70px; left: 110px;
19    width: 180px; height: 140px;
20    background-color: #1565c0;
21    /* overlap region should lighten via screen */
22    mix-blend-mode: screen;
23  }
24</style>
25</head>
26<body>
27  <div class="stage"><div class="base"></div><div class="blend"></div></div>
28</body>
29</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.31% · raw 0.31% (4691 px) mix-blend-mode-multiply · multiplyPASS via CSS-scale observation: one-sided sub-CSS outline coverageAntialiasCoveragemissing 0.1%ΔE 8.1

why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline

Two overlapping solid boxes whose overlap should darken via mix-blend-mode multiply (aspirational; not implemented).

regions (3 total; showing 3 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	2	3691	0,0 → 320,220	2002	total 0.5% · largest 0.3%
Missing	1	1000	0,220 → 320,220	1000	total 0.1% · largest 0.1%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
AntialiasCoverage	30,30 → 210,170	0.3	ΔRGB(27,9,-2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	0,0 → 320,220	0.2	ΔRGB(0,1,4)	antialiasing coverage residue on a shared outline
Missing	0,220 → 320,220	0.1		candidate lacks paint present in reference (0.1%)

source · cases/effects/mix-blend-mode-multiply.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>mix-blend-mode multiply</title>
6<style>
7  @page { size: 480px 320px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 320px; height: 220px; background: #fff8e1; margin: 40px; }
12  .base {
13    position: absolute; top: 30px; left: 30px;
14    width: 180px; height: 140px;
15    background-color: #29b6f6;
16  }
17  .blend {
18    position: absolute; top: 70px; left: 110px;
19    width: 180px; height: 140px;
20    background-color: #ffca28;
21    /* overlap region should darken via multiply */
22    mix-blend-mode: multiply;
23  }
24</style>
25</head>
26<body>
27  <div class="stage"><div class="base"></div><div class="blend"></div></div>
28</body>
29</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-color · colorPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

Non-separable mix-blend-mode:color is required: A red square overlaps a blue/gray backdrop using non-separable blend mode color. Catches wrong implementation: Parser treats non-separable blend keywords as normal.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-color.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend color</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: color; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-color-burn · color-burnPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

mix-blend-mode:color-burn needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:color-burn. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-color-burn.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend color-burn</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: color-burn; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-color-dodge · color-dodgePASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

mix-blend-mode:color-dodge needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:color-dodge. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-color-dodge.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend color-dodge</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: color-dodge; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-darken · darkenPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.1%ΔE 8.1

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.1%)

mix-blend-mode:darken needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:darken. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	187	0,90 → 60,90	187	total 0.1% · largest 0.1%
ColorErr	1	157	60,90 → 110,90	157	total 0.09% · largest 0.09%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 60,90	0.1		candidate lacks paint present in reference (0.1%)
AntialiasCoverage	60,90 → 110,90	0.09	ΔRGB(39,0,0)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-mix-blend-mode-darken.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend darken</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: darken; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-difference · differencePASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.1%ΔE 19.3

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.1%)

mix-blend-mode:difference needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:difference. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	187	0,90 → 60,90	187	total 0.1% · largest 0.1%
ColorErr	1	157	60,90 → 110,90	157	total 0.09% · largest 0.09%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 60,90	0.1		candidate lacks paint present in reference (0.1%)
ColorValue	60,90 → 110,90	0.09	ΔRGB(5,55,23)	fill recolour ΔRGB(+5,+55,+23) (ΔE 0)

source · cases/effects/r2-mix-blend-mode-difference.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend difference</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: difference; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-exclusion · exclusionPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.1%ΔE 13.5

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.1%)

mix-blend-mode:exclusion needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:exclusion. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	187	0,90 → 60,90	187	total 0.1% · largest 0.1%
ColorErr	1	157	60,90 → 110,90	157	total 0.09% · largest 0.09%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 60,90	0.1		candidate lacks paint present in reference (0.1%)
AntialiasCoverage	60,90 → 110,90	0.09	ΔRGB(-55,34,14)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-mix-blend-mode-exclusion.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend exclusion</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: exclusion; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-hard-light · hard-lightPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.1%ΔE 7.8

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.1%)

mix-blend-mode:hard-light needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:hard-light. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	187	0,90 → 60,90	187	total 0.1% · largest 0.1%
ColorErr	1	157	60,90 → 110,90	157	total 0.09% · largest 0.09%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 60,90	0.1		candidate lacks paint present in reference (0.1%)
AntialiasCoverage	60,90 → 110,90	0.09	ΔRGB(28,21,9)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-mix-blend-mode-hard-light.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend hard-light</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: hard-light; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-hue · huePASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

Non-separable mix-blend-mode:hue is required: A red square overlaps a blue/gray backdrop using non-separable blend mode hue. Catches wrong implementation: Parser treats non-separable blend keywords as normal.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-hue.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend hue</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: hue; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-lighten · lightenPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

mix-blend-mode:lighten needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:lighten. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-lighten.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend lighten</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: lighten; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-overlay · overlayPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

mix-blend-mode:overlay needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:overlay. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-overlay.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend overlay</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: overlay; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-saturation · saturationPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

Non-separable mix-blend-mode:saturation is required: A red square overlaps a blue/gray backdrop using non-separable blend mode saturation. Catches wrong implementation: Parser treats non-separable blend keywords as normal.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-saturation.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend saturation</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: saturation; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (344 px) r2-mix-blend-mode-soft-light · soft-lightPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

mix-blend-mode:soft-light needs direct parity coverage: A foreground red square overlaps a blue square with mix-blend-mode:soft-light. Catches wrong implementation: Renderer maps only multiply/screen or falls back to normal blend for this mode.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	344	0,90 → 110,90	344	total 0.4% · largest 0.4%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,90 → 110,90	0.4		candidate lacks paint present in reference (0.4%)

source · cases/effects/r2-mix-blend-mode-soft-light.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend soft-light</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { position: relative; width: 220px; height: 150px; background: #ffffff; }
12  .base { position: absolute; top: 25px; left: 25px; width: 110px; height: 90px; background: #1565c0; }
13  .blend { position: absolute; top: 45px; left: 85px; width: 110px; height: 90px; background: #d32f2f; mix-blend-mode: soft-light; }
14</style>
15</head>
16<body>
17  <div class="stage"><div class="base"></div><div class="blend"></div></div>
18</body>
19</html>

PASS exact match mix-blend-mode-luminosity · luminosity

mix-blend-mode: luminosity blends a yellow source with a blue backdrop; catches unsupported non-separable blend modes treated as normal.

mix-blend-mode on inline SVG content — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.42% · raw 0.42% (1331 px) r2-mix-blend-mode-inline-svg · inline-svg-screenPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.4%ΔE 2.1

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.4%)

mix-blend-mode must apply to inline SVG/replaced content: An inline SVG red circle blends with a blue box using screen. Catches wrong implementation: Blend state is applied to CSS boxes but not SVG/replaced drawing paths.

regions (147 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	1125	0,0 → 220,140	1125	total 0.4% · largest 0.4%
ColorErr	146	206	40,30 → 120,109	6	total 0.07% · largest 0.001991%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	0,0 → 220,140	0.4		candidate lacks paint present in reference (0.4%)
AntialiasCoverage	61,105 → 62,106	0.001991	ΔRGB(16,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	97,105 → 98,106	0.001991	ΔRGB(16,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	68,32 → 68,32	0.000996	ΔRGB(15,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	92,32 → 92,32	0.000996	ΔRGB(15,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	66,32 → 67,32	0.000996	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	93,32 → 93,32	0.000996	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	62,34 → 62,34	0.000996	ΔRGB(16,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	97,34 → 98,34	0.000996	ΔRGB(16,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	42,82 → 42,82	0.000996	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	118,82 → 118,82	0.000996	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	42,83 → 42,83	0.000996	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	117,83 → 118,83	0.000996	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	44,87 → 44,88	0.000996	ΔRGB(19,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	116,87 → 116,88	0.000996	ΔRGB(19,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	68,108 → 68,108	0.000996	ΔRGB(12,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	91,108 → 92,108	0.000996	ΔRGB(12,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	65,33 → 65,33	0.000664	ΔRGB(12,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	95,33 → 95,33	0.000664	ΔRGB(12,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	61,34 → 62,34	0.000664	ΔRGB(24,4,2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	98,34 → 98,34	0.000664	ΔRGB(24,4,2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	44,52 → 44,52	0.000664	ΔRGB(20,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	116,52 → 116,52	0.000664	ΔRGB(20,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	44,52 → 44,52	0.000664	ΔRGB(33,5,2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	116,52 → 116,52	0.000664	ΔRGB(33,5,2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	42,57 → 42,57	0.000664	ΔRGB(14,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	118,57 → 118,57	0.000664	ΔRGB(14,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	42,58 → 42,58	0.000664	ΔRGB(26,4,2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	118,58 → 118,58	0.000664	ΔRGB(26,4,2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	41,81 → 41,81	0.000664	ΔRGB(14,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	118,81 → 118,81	0.000664	ΔRGB(14,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	43,85 → 43,85	0.000664	ΔRGB(16,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	117,85 → 117,85	0.000664	ΔRGB(16,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	44,88 → 44,88	0.000664	ΔRGB(27,4,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	116,88 → 116,88	0.000664	ΔRGB(27,4,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	64,107 → 64,107	0.000664	ΔRGB(16,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	96,107 → 96,107	0.000664	ΔRGB(16,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	66,108 → 67,108	0.000664	ΔRGB(17,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	93,108 → 93,108	0.000664	ΔRGB(17,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	75,30 → 75,30	0.000332	ΔRGB(12,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	85,30 → 85,30	0.000332	ΔRGB(12,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	73,30 → 73,30	0.000332	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	87,30 → 87,30	0.000332	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	71,31 → 71,31	0.000332	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	89,31 → 89,31	0.000332	ΔRGB(10,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	68,31 → 68,31	0.000332	ΔRGB(10,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	69,31 → 69,31	0.000332	ΔRGB(17,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	91,31 → 91,31	0.000332	ΔRGB(17,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	91,31 → 91,31	0.000332	ΔRGB(10,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	66,32 → 66,32	0.000332	ΔRGB(9,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	94,32 → 94,32	0.000332	ΔRGB(9,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	64,33 → 64,33	0.000332	ΔRGB(9,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	96,33 → 96,33	0.000332	ΔRGB(9,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	64,33 → 64,33	0.000332	ΔRGB(16,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	96,33 → 96,33	0.000332	ΔRGB(16,3,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	60,35 → 60,35	0.000332	ΔRGB(17,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	99,35 → 99,35	0.000332	ΔRGB(17,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	60,35 → 60,35	0.000332	ΔRGB(16,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	100,35 → 100,35	0.000332	ΔRGB(16,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	59,36 → 59,36	0.000332	ΔRGB(10,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	101,36 → 101,36	0.000332	ΔRGB(10,2,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	56,38 → 56,38	0.000332	ΔRGB(7,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	104,38 → 104,38	0.000332	ΔRGB(7,1,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	54,39 → 54,39	0.000332	ΔRGB(17,2,1)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-mix-blend-mode-inline-svg.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend mode inline svg</title>
6<style>
7  @page { size: 224px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { width: 220px; height: 140px; padding: 25px; background: #1565c0; }
12  svg { width: 120px; height: 90px; mix-blend-mode: screen; }
13</style>
14</head>
15<body>
16  <div class="stage"><svg viewBox="0 0 120 90" aria-hidden="true"><circle cx="55" cy="45" r="40" fill="#d32f2f"/></svg></div>
17</body>
18</html>

mix-blend-mode with overflow — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.08% · raw 0.08% (238 px) r2-mix-blend-mode-clipped-rounded-overflow · rounded-overflow-clipPASS via CSS-scale observation: coherent sub-authored colour frontierColorValueΔE 22.7

why: visually accepted coverage phase; raw fill recolour ΔRGB(+19,+88,+88) (ΔE 22.7)

mix-blend-mode must respect clipping ancestors: A blended red child overflows a rounded clipped blue parent; blending is only visible inside the rounded clip. Catches wrong implementation: Renderer applies blend outside the clip or clips before selecting the proper backdrop.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	2	238	25,90 → 124,90	234	total 0.2% · largest 0.2%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	50,90 → 124,90	0.2	ΔRGB(19,88,88)	fill recolour ΔRGB(+19,+88,+88) (ΔE 0)
AntialiasCoverage	25,90 → 26,90	0.003024	ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-mix-blend-mode-clipped-rounded-overflow.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 mix blend mode clipped rounded overflow</title>
6<style>
7  @page { size: 216px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .parent { position: relative; width: 150px; height: 90px; margin: 25px; overflow: hidden; border-radius: 28px; background: #1565c0; }
12  .child { position: absolute; top: -20px; left: 50px; width: 120px; height: 120px; background: #d32f2f; mix-blend-mode: screen; }
13</style>
14</head>
15<body>
16  <div class="parent"><div class="child"></div></div>
17</body>
18</html>

opacity group isolation with mix-blend-mode descendant — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match r2-opacity-isolates-descendant-blend · opacity-isolates-blend

Opacity-created stacking contexts must isolate inner blending: A parent with opacity:.99 contains a multiply child over a blue page; the opacity group is isolated, so child blends with the group backdrop, not the page. Catches wrong implementation: Renderer applies alpha per draw without isolating the group, allowing the child to multiply with page content behind the parent.

text-shadow — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.34% · raw 2.91% (29639 px) text-shadow-blur · blurPASS via raw same-coordinate visibility policyColorValueΔE 0.4

why: fill colour differs (ΔE 0.4)

Short heading with a blurred text-shadow glow (aspirational; not implemented).

regions (326 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	326	29639	39,42 → 167,92	13889	total 2.9% · largest 1.4% · max ΔE 0.6

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	39,42 → 97,92	1.4	ΔE 0.4	fill colour differs (ΔE 0.4)
ColorValue	92,46 → 144,92	0.7	ΔE 0.4 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.4)
ColorValue	143,52 → 167,92	0.4	ΔE 0.4 ΔRGB(-1,0,-1)	fill recolour ΔRGB(-1,+0,-1) (ΔE 0.4)
ColorValue	123,52 → 151,74	0.2	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	97,58 → 112,78	0.2	ΔE 0.4 ΔRGB(-1,0,-1)	fill recolour ΔRGB(-1,+0,-1) (ΔE 0.4)
ColorValue	40,56 → 43,70	0.02	ΔE 0.4	fill colour differs (ΔE 0.4)
ColorValue	132,54 → 137,59	0.01	ΔE 0.4 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.4)
ColorValue	42,50 → 47,57	0.01	ΔE 0.5 ΔRGB(1,0,1)	fill recolour ΔRGB(+1,+0,+1) (ΔE 0.5)
ColorValue	148,52 → 154,58	0.01	ΔE 0.2 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.2)
ColorValue	141,88 → 145,91	0.006863	ΔE 0.6 ΔRGB(1,0,1)	fill recolour ΔRGB(+1,+0,+1) (ΔE 0.6)
AntialiasCoverage	92,42 → 95,47	0.005392	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
ColorValue	100,70 → 100,73	0.004118	ΔE 0.3 ΔRGB(1,0,1)	fill recolour ΔRGB(+1,+0,+1) (ΔE 0.3)
AntialiasCoverage	116,75 → 118,78	0.004118	ΔE 0.3 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
ColorValue	131,70 → 132,75	0.003824	ΔE 0.3 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.3)
ColorValue	145,52 → 148,54	0.003039	ΔE 0.2 ΔRGB(-1,-1,-1)	fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
AntialiasCoverage	59,76 → 63,77	0.002843	ΔE 0.4 ΔRGB(-1,0,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	44,47 → 48,51	0.002745	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	111,68 → 112,73	0.002745	ΔE 0.5 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	98,69 → 99,72	0.001667	ΔE 0.3 ΔRGB(1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	40,65 → 41,68	0.001569	ΔE 0.4 ΔRGB(1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	94,83 → 96,84	0.001569	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	92,74 → 94,76	0.001471	ΔE 0.4 ΔRGB(-1,0,-1)	antialiasing coverage residue on a shared outline
ColorValue	80,80 → 81,82	0.001471	ΔE 0.4	fill colour differs (ΔE 0.4)
AntialiasCoverage	129,87 → 130,88	0.001471	ΔE 0.5 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	119,70 → 119,73	0.001373	ΔE 0.3 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	119,73 → 120,74	0.001373	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	164,67 → 165,68	0.001176	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	163,73 → 164,75	0.001176	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	151,79 → 152,80	0.001176	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	121,52 → 123,53	0.000980	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	164,53 → 166,54	0.000980	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	164,71 → 165,73	0.000980	ΔE 0.6 ΔRGB(1,0,1)	antialiasing coverage residue on a shared outline
ColorValue	60,62 → 60,63	0.000882	ΔE 0.6 ΔRGB(-1,0,-1)	fill recolour ΔRGB(-1,+0,-1) (ΔE 0.6)
AntialiasCoverage	165,68 → 166,69	0.000784	ΔE 0.6 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	119,69 → 120,70	0.000784	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
ColorValue	99,73 → 99,74	0.000784	ΔE 0.4 ΔRGB(2,1,2)	fill recolour ΔRGB(+2,+1,+2) (ΔE 0.4)
AntialiasCoverage	115,74 → 116,76	0.000784	ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	68,75 → 68,76	0.000784	ΔRGB(2,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	66,75 → 67,76	0.000784	ΔE 0.4 ΔRGB(2,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	163,79 → 163,80	0.000784	ΔE 0.2 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	134,60 → 135,61	0.000686	ΔE 0.4 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	90,85 → 91,85	0.000686	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	48,48 → 49,49	0.000588	ΔRGB(1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	56,53 → 57,54	0.000588	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	54,70 → 54,71	0.000588	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	82,81 → 83,82	0.000588	ΔE 0.4 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	81,54 → 82,55	0.000490	ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	148,54 → 148,55	0.000490	ΔE 0.4 ΔRGB(1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	103,71 → 103,72	0.000490	ΔE 0.4 ΔRGB(1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	78,76 → 79,77	0.000490	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	141,76 → 142,76	0.000490	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	112,81 → 113,82	0.000490	ΔE 0.3 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	162,84 → 162,84	0.000490	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	48,85 → 49,85	0.000490	ΔE 0.4 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	95,88 → 96,88	0.000490	ΔE 0.6 ΔRGB(1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	99,90 → 100,91	0.000490	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	146,90 → 146,91	0.000490	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	76,51 → 76,51	0.000392	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	60,52 → 60,52	0.000392	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	143,52 → 144,52	0.000392	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	161,54 → 162,54	0.000392	ΔE 0.4 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	95,55 → 96,56	0.000392	ΔE 0.4 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	101,67 → 101,68	0.000392	ΔE 0.3 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	146,70 → 147,71	0.000392	ΔRGB(-1,0,-1)	antialiasing coverage residue on a shared outline

source · cases/effects/text-shadow-blur.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>text-shadow blur</title>
6<style>
7  @page { size: 816px 128px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage { background: #f1f8e9; padding: 40px; }
12  .t {
13    font-family: ParitySans, ParitySans;
14    font-size: 48px;
15    line-height: 1;
16    color: #1b5e20;
17    /* offset plus blur radius -> soft glow behind glyphs */
18    text-shadow: 4px 4px 6px #2e7d32;
19  }
20</style>
21</head>
22<body>
23  <div class="stage"><div class="t">Glow</div></div>
24</body>
25</html>

PASS exact match text-shadow-offset · hard-offset

Short heading with a hard-edged (zero-blur) offset text-shadow (aspirational; not implemented).

text-shadow blur with rgba color — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.86% · raw 7.89% (22786 px) r2-text-shadow-blur-rgba · blur-rgbaPASS via CSS-scale observation: stable same-coordinate outline phaseColorValuemissing 0.2%extra 0.08%ΔE 0.4

why: visually accepted coverage phase; raw fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)

text-shadow blur with alpha color must preserve soft transparent edges: A large ParitySans text run isolates text-shadow color, order, blur, overflow, or decoration behavior. Catches wrong implementation: Renderer treats text-shadow as a single hard glyph-only pass or uses the wrong default color/order.

regions (2390 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	53	83	0,0 → 115,29	19	total 0.1% · largest 0.02%
ColorErr	2302	22661	0,0 → 139,59	2660	total 28.4% · largest 3.3% · max ΔE 0.8
Extra	35	42	7,7 → 121,18	3	total 0.05% · largest 0.003757%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	6,0 → 41,51	3.3	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
ColorValue	105,17 → 136,48	1.9	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
ColorValue	41,0 → 61,41	1.6	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
ColorValue	62,13 → 84,46	1.3	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
ColorValue	126,17 → 139,31	0.8	ΔE 0.5 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.5)
AntialiasCoverage	7,12 → 15,33	0.8	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	61,17 → 73,35	0.6	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	88,20 → 105,42	0.6	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	66,51 → 82,58	0.5	ΔE 0.5 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.5)
AntialiasCoverage	106,15 → 114,29	0.4	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	115,45 → 123,52	0.4	ΔE 0.4 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.4)
ColorValue	48,46 → 56,54	0.3	ΔE 0.4 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.4)
ColorValue	100,45 → 108,51	0.3	ΔE 0.4 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.4)
AntialiasCoverage	124,44 → 131,52	0.2	ΔE 0.5 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	59,16 → 64,34	0.2	ΔE 0.4 ΔRGB(-4,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	122,14 → 132,20	0.2	ΔE 0.5 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	13,7 → 26,10	0.2	ΔE 0.5 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.5)
AntialiasCoverage	92,16 → 97,29	0.2	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	83,28 → 86,38	0.2	ΔE 0.3 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.3)
ColorValue	22,55 → 32,58	0.2	ΔE 0.5 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.5)
ColorValue	100,33 → 105,38	0.1	ΔE 0.3 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.3)
AntialiasCoverage	13,44 → 23,48	0.1	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	115,52 → 124,55	0.1	ΔE 0.5 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	41,41 → 46,48	0.1	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	14,9 → 18,14	0.1	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	51,2 → 58,4	0.1	ΔE 0.5 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	50,19 → 51,30	0.1	ΔE 0.4 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
ColorValue	103,42 → 109,44	0.1	ΔE 0.3 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.3)
ColorValue	25,46 → 32,48	0.1	ΔE 0.3 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.3)
ColorValue	86,47 → 89,52	0.1	ΔE 0.5 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.5)
AntialiasCoverage	79,16 → 85,21	0.10	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	33,52 → 39,55	0.09	ΔE 0.5 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	90,15 → 96,17	0.09	ΔE 0.5 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	32,4 → 35,12	0.09	ΔE 0.5 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	61,24 → 65,28	0.09	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	27,49 → 32,52	0.09	ΔE 0.4 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.4)
AntialiasCoverage	62,7 → 68,10	0.08	ΔE 0.2 ΔRGB(1,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	73,49 → 78,52	0.08	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	15,14 → 18,20	0.08	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	83,45 → 88,48	0.08	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	90,53 → 97,56	0.08	ΔE 0.2 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.2)
ColorValue	102,39 → 106,42	0.08	ΔE 0.3 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.3)
ColorValue	68,45 → 73,47	0.07	ΔE 0.3 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.3)
AntialiasCoverage	2,35 → 4,40	0.07	ΔE 0.2 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	18,28 → 20,32	0.07	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
ColorValue	12,50 → 17,53	0.07	ΔE 0.5 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.5)
AntialiasCoverage	116,36 → 120,40	0.06	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	91,49 → 93,53	0.06	ΔE 0.5 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.5)
AntialiasCoverage	80,14 → 84,17	0.06	ΔE 0.5 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	37,51 → 42,54	0.06	ΔE 0.4 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	100,52 → 106,54	0.06	ΔE 0.5 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	59,54 → 65,56	0.06	ΔE 0.2 ΔRGB(-1,-1,-1)	antialiasing coverage residue on a shared outline
ColorValue	31,50 → 35,52	0.06	ΔE 0.4 ΔRGB(0,-1,-1)	fill recolour ΔRGB(+0,-1,-1) (ΔE 0.4)
AntialiasCoverage	94,47 → 97,51	0.06	ΔE 0.5 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	32,56 → 36,58	0.06	ΔE 0.5 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	34,3 → 40,5	0.06	ΔE 0.2 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	90,18 → 92,23	0.06	ΔE 0.5 ΔRGB(0,-2,-2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	15,21 → 18,26	0.06	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	6,36 → 8,40	0.06	ΔE 0.5 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
ColorValue	107,48 → 110,51	0.06	ΔE 0.4 ΔRGB(0,1,1)	fill recolour ΔRGB(+0,+1,+1) (ΔE 0.4)
ColorValue	132,12 → 134,14	0.05	ΔE 0.2 ΔRGB(1,1,1)	fill recolour ΔRGB(+1,+1,+1) (ΔE 0.2)
AntialiasCoverage	35,38 → 38,42	0.05	ΔE 0.3 ΔRGB(0,1,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	50,32 → 50,40	0.05	ΔE 0.4 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	114,44 → 116,47	0.05	ΔE 0.4 ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-text-shadow-blur-rgba.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 text shadow blur rgba</title>
6<style>
7  @page { size: 264px 112px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .text { width: 260px; height: 110px; padding: 18px; color: #263238; font-size: 50px; font-weight: 700; line-height: 62px; text-shadow: 10px 10px 8px rgba(211,47,47,0.45); }
12</style>
13</head>
14<body>
15  <div class="text">Glow</div>
16</body>
17</html>

text-shadow currentColor default — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match r2-text-shadow-currentcolor-default · currentcolor-default

text-shadow omitted color resolves to currentColor: A large ParitySans text run isolates text-shadow color, order, blur, overflow, or decoration behavior. Catches wrong implementation: Renderer treats text-shadow as a single hard glyph-only pass or uses the wrong default color/order.

text-shadow multiple shadow paint order — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match r2-text-shadow-multiple-order · multiple-order

multiple text-shadows must paint first listed shadow on top: A large ParitySans text run isolates text-shadow color, order, blur, overflow, or decoration behavior. Catches wrong implementation: Renderer treats text-shadow as a single hard glyph-only pass or uses the wrong default color/order.

text-shadow shadows text decorations — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.26% · raw 0.26% (799 px) r2-text-shadow-decoration-line · decoration-linePASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.9%ΔE 11.7

why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.9%)

text-shadow must shadow text decorations too: A large ParitySans text run isolates text-shadow color, order, blur, overflow, or decoration behavior. Catches wrong implementation: Renderer treats text-shadow as a single hard glyph-only pass or uses the wrong default color/order.

regions (2 total; showing 2 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Missing	1	494	104,42 → 262,42	494	total 0.4% · largest 0.4%
ColorErr	1	305	164,49 → 262,49	305	total 0.2% · largest 0.2%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Missing	104,42 → 262,42	0.4		candidate lacks paint present in reference (0.4%)
AntialiasCoverage	164,49 → 262,49	0.2	ΔRGB(-10,-50,-50)	antialiasing coverage residue on a shared outline

source · cases/effects/r2-text-shadow-decoration-line.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 text shadow decoration line</title>
6<style>
7  @page { size: 280px 112px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .text { width: 280px; height: 110px; padding: 18px; color: #111111; font-size: 46px; line-height: 58px; text-decoration: underline; text-decoration-thickness: 7px; text-underline-offset: 8px; text-shadow: 104px 0 0 #d32f2f; }
12</style>
13</head>
14<body>
15  <div class="text">UNDER</div>
16</body>
17</html>

text-shadow visual overflow — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.73% · raw 0.73% (3268 px) r2-text-shadow-visual-overflow-layout · visual-overflow-layoutPASS via CSS-scale observation: stable same-coordinate outline phaseAntialiasCoveragemissing 1.0%extra 0.7%ΔE 28.4

why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline

text-shadow visual overflow must not affect layout or be clipped to glyph bounds: A large ParitySans text run isolates text-shadow color, order, blur, overflow, or decoration behavior. Catches wrong implementation: Renderer treats text-shadow as a single hard glyph-only pass or uses the wrong default color/order.

regions (809 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	454	2093	15,0 → 256,35	203	total 0.9% · largest 0.08%
Missing	161	711	15,0 → 250,35	109	total 0.3% · largest 0.05%
Extra	194	464	21,0 → 256,35	33	total 0.2% · largest 0.01%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
AntialiasCoverage	231,0 → 246,35	0.08	ΔRGB(135,84,132)	antialiasing coverage residue on a shared outline
Missing	51,0 → 51,35	0.05		candidate lacks paint present in reference (0.05%)
Missing	231,0 → 231,35	0.05		candidate lacks paint present in reference (0.05%)
AntialiasCoverage	57,19 → 66,30	0.03	ΔRGB(-83,-83,-83)	antialiasing coverage residue on a shared outline
AntialiasCoverage	237,19 → 245,30	0.03	ΔRGB(-72,-45,-71)	antialiasing coverage residue on a shared outline
AntialiasCoverage	57,5 → 65,14	0.02	ΔRGB(-83,-83,-83)	antialiasing coverage residue on a shared outline
AntialiasCoverage	237,5 → 245,14	0.02	ΔRGB(-72,-45,-71)	antialiasing coverage residue on a shared outline
AntialiasCoverage	51,0 → 66,0	0.02	ΔRGB(83,83,83)	antialiasing coverage residue on a shared outline
AntialiasCoverage	51,35 → 66,35	0.02	ΔRGB(-125,-125,-125)	antialiasing coverage residue on a shared outline
AntialiasCoverage	24,27 → 38,27	0.02	ΔRGB(-154,-154,-154)	antialiasing coverage residue on a shared outline
AntialiasCoverage	204,27 → 219,27	0.02	ΔRGB(-135,-84,-132)	antialiasing coverage residue on a shared outline
Missing	51,0 → 64,0	0.02		candidate lacks paint present in reference (0.02%)
Missing	231,0 → 244,0	0.02		candidate lacks paint present in reference (0.02%)
AntialiasCoverage	206,21 → 217,21	0.01	ΔRGB(135,84,132)	antialiasing coverage residue on a shared outline
AntialiasCoverage	27,21 → 36,21	0.01	ΔRGB(154,154,154)	antialiasing coverage residue on a shared outline
Extra	237,20 → 237,30	0.01		candidate adds paint absent from reference (0.01%)
AntialiasCoverage	237,30 → 245,30	0.01	ΔRGB(135,84,132)	antialiasing coverage residue on a shared outline
AntialiasCoverage	57,30 → 65,30	0.01	ΔRGB(154,154,154)	antialiasing coverage residue on a shared outline
Extra	237,6 → 237,14	0.01		candidate adds paint absent from reference (0.01%)
AntialiasCoverage	208,0 → 215,1	0.01	ΔRGB(72,45,71)	antialiasing coverage residue on a shared outline
AntialiasCoverage	57,14 → 65,14	0.01	ΔRGB(154,154,154)	antialiasing coverage residue on a shared outline
AntialiasCoverage	237,14 → 245,14	0.01	ΔRGB(135,84,132)	antialiasing coverage residue on a shared outline
AntialiasCoverage	195,35 → 201,35	0.009496	ΔRGB(-110,-68,-108)	antialiasing coverage residue on a shared outline
AntialiasCoverage	15,35 → 21,35	0.008670	ΔRGB(-125,-125,-125)	antialiasing coverage residue on a shared outline
AntialiasCoverage	41,35 → 47,35	0.008670	ΔRGB(-125,-125,-125)	antialiasing coverage residue on a shared outline
AntialiasCoverage	222,35 → 228,35	0.008670	ΔRGB(-110,-68,-108)	antialiasing coverage residue on a shared outline
Missing	208,0 → 214,0	0.008258		candidate lacks paint present in reference (0.008258%)
AntialiasCoverage	28,0 → 34,1	0.008258	ΔRGB(83,83,83)	antialiasing coverage residue on a shared outline
Missing	28,0 → 34,0	0.007845		candidate lacks paint present in reference (0.007845%)
AntialiasCoverage	76,23 → 76,27	0.006193	ΔRGB(-83,-83,-83)	antialiasing coverage residue on a shared outline
Extra	23,29 → 24,32	0.005780		candidate adds paint absent from reference (0.005780%)
AntialiasCoverage	256,23 → 256,27	0.005780	ΔRGB(-90,-56,-88)	antialiasing coverage residue on a shared outline
Extra	256,23 → 256,27	0.005367		candidate adds paint absent from reference (0.005367%)
AntialiasCoverage	68,8 → 69,11	0.004955	ΔRGB(71,71,71)	antialiasing coverage residue on a shared outline
Missing	25,7 → 26,9	0.004129		candidate lacks paint present in reference (0.004129%)
Missing	22,13 → 23,16	0.004129		candidate lacks paint present in reference (0.004129%)
Missing	21,18 → 21,20	0.004129		candidate lacks paint present in reference (0.004129%)
Missing	18,24 → 19,27	0.004129		candidate lacks paint present in reference (0.004129%)
Missing	16,31 → 16,33	0.004129		candidate lacks paint present in reference (0.004129%)
Extra	30,9 → 31,11	0.004129		candidate adds paint absent from reference (0.004129%)
Extra	29,12 → 30,14	0.004129		candidate adds paint absent from reference (0.004129%)
Extra	28,15 → 29,17	0.004129		candidate adds paint absent from reference (0.004129%)
AntialiasCoverage	255,8 → 255,11	0.004129	ΔRGB(-180,-112,-177)	antialiasing coverage residue on a shared outline
Missing	28,0 → 28,2	0.003716		candidate lacks paint present in reference (0.003716%)
Extra	252,14 → 253,16	0.003716		candidate adds paint absent from reference (0.003716%)
Extra	21,33 → 22,35	0.003716		candidate adds paint absent from reference (0.003716%)
AntialiasCoverage	248,1 → 250,2	0.003716	ΔRGB(19,12,19)	antialiasing coverage residue on a shared outline
AntialiasCoverage	69,1 → 71,2	0.003716	ΔRGB(63,63,63)	antialiasing coverage residue on a shared outline
AntialiasCoverage	75,8 → 75,11	0.003716	ΔRGB(-85,-85,-85)	antialiasing coverage residue on a shared outline
AntialiasCoverage	70,23 → 70,26	0.003716	ΔRGB(83,83,83)	antialiasing coverage residue on a shared outline
Extra	254,12 → 254,14	0.003303		candidate adds paint absent from reference (0.003303%)
AntialiasCoverage	252,3 → 253,4	0.003303	ΔRGB(-37,-23,-36)	antialiasing coverage residue on a shared outline
Missing	249,9 → 249,11	0.002890		candidate lacks paint present in reference (0.002890%)
Missing	15,34 → 15,35	0.002890		candidate lacks paint present in reference (0.002890%)
Extra	255,8 → 255,10	0.002890		candidate adds paint absent from reference (0.002890%)
AntialiasCoverage	31,8 → 32,8	0.002890	ΔRGB(-83,-83,-83)	antialiasing coverage residue on a shared outline
AntialiasCoverage	76,21 → 76,22	0.002890	ΔRGB(-37,-37,-37)	antialiasing coverage residue on a shared outline
AntialiasCoverage	248,28 → 249,29	0.002890	ΔRGB(135,84,132)	antialiasing coverage residue on a shared outline
Missing	27,3 → 27,4	0.002477		candidate lacks paint present in reference (0.002477%)
Missing	26,5 → 26,6	0.002477		candidate lacks paint present in reference (0.002477%)
Missing	24,9 → 25,11	0.002477		candidate lacks paint present in reference (0.002477%)
Missing	23,12 → 24,13	0.002477		candidate lacks paint present in reference (0.002477%)
Missing	22,16 → 22,17	0.002477		candidate lacks paint present in reference (0.002477%)
Missing	20,20 → 20,21	0.002477		candidate lacks paint present in reference (0.002477%)

source · cases/effects/r2-text-shadow-visual-overflow-layout.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>r2 text shadow visual overflow layout</title>
6<style>
7  @page { size: 320px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .text { width: 320px; height: 72px; padding-left: 16px; color: #111111; font-size: 46px; font-weight: 700; line-height: 72px; text-shadow: 180px 0 0 #2e7d32; }
12  .bar { width: 120px; height: 42px; background: #d32f2f; }
13</style>
14</head>
15<body>
16  <div class="text">AB</div><div class="bar"></div>
17</body>
18</html>