ground truth
Only CSS: Cry Baby

css7.909ssource ↗
model outputs
Gemini 3 Flash Preview →
A 0.68T 0.20
Qwen3-VL-8B-Instruct →
A 0.62T 0.23
GPT-5.4 →
A 0.74T 0.22
Claude Sonnet 4.6 →
A 0.61T 0.21
LLaMA 4 Scout →
A 0.31T 0.00
1<div id="face"><div class="tear"><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div><div class="tear_left"><div class="drops"><div class="drop"></div></div></div><div class="tear_right"><div class="drops"><div class="drop"></div></div></div></div><div class="eye left"><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div></div><div class="eye right"><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div><div class="eyelash"></div></div></div>