.tool[data-tool=contrast-checker] .preview{border-radius:var(--r-md);border:1px solid var(--c-border-strong);padding:var(--space-3);gap:var(--space-1);margin-block-end:var(--space-3);display:grid}.tool[data-tool=contrast-checker] .small{font-size:1rem}.tool[data-tool=contrast-checker] .large{font-size:1.5rem;font-weight:700}.tool[data-tool=contrast-checker] .grid{border-collapse:collapse;inline-size:100%;font-size:var(--fs-sm);margin-block-start:var(--space-3)}.tool[data-tool=contrast-checker] .grid th,.tool[data-tool=contrast-checker] .grid td{text-align:start;padding:var(--space-2);border-block-end:1px solid var(--c-border)}.tool[data-tool=contrast-checker] .grid td{text-align:end;font-weight:700}.tool[data-tool=contrast-checker] .ok{color:var(--c-success,#1a7f37)}.tool[data-tool=contrast-checker] .bad{color:var(--c-danger)}