ground truth
Only CSS: Milk

css5.992ssource ↗
model outputs
Gemini 3 Flash Preview →
A 0.61T 0.14
Qwen3-VL-8B-Instruct →
A 0.64T 0.26
GPT-5.4 →
A 0.87T 0.37
Claude Sonnet 4.6 →
A 0.84T 0.33
LLaMA 4 Scout →
A 0.57T 0.04
1<div id="field"><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div></div>