.contrast-wrapper .contrast-ratio{text-align:center;padding:18px;border-radius:8px;background:var(--bi-surface-2);border:1px solid var(--bi-border)}.contrast-wrapper .contrast-ratio-value{font-size:40px;font-weight:700;line-height:1.1;color:var(--brand)}.contrast-wrapper .contrast-ratio-label{font-size:12px;color:var(--bi-text-muted)}.contrast-wrapper .contrast-levels{font-size:14px;line-height:1.9}.contrast-wrapper .contrast-level{display:flex;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--bi-border)}.contrast-wrapper .contrast-badge{font-size:12px;padding:2px 10px;border-radius:999px}.contrast-wrapper .contrast-badge.pass{background:#19875424;color:#198754}.contrast-wrapper .contrast-badge.fail{background:#dc354524;color:#dc3545}.contrast-wrapper .contrast-preview{border-radius:8px;padding:24px;border:1px solid var(--bi-border)}.contrast-wrapper .preview-normal{font-size:16px;margin-bottom:12px}.contrast-wrapper .preview-large{font-size:24px;font-weight:600}.contrast-wrapper .contrast-tip{font-size:13px;color:var(--bi-text-muted)}html[data-theme=dark] .contrast-wrapper .contrast-badge.pass{background:#19875438;color:#75b798}html[data-theme=dark] .contrast-wrapper .contrast-badge.fail{background:#dc354538;color:#ea868f}