.ColorContrastChecker_container__7qJft{display:flex;flex-direction:column;gap:1.5rem;width:100%}.ColorContrastChecker_grid__wC5nL{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.ColorContrastChecker_grid__wC5nL{grid-template-columns:1fr}}.ColorContrastChecker_card__I1wCr{background:var(--card-bg,#ffffff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.ColorContrastChecker_colorPickerGroup__ujYmE{display:flex;flex-direction:column;gap:.5rem}.ColorContrastChecker_swapBtn__BcqWh{font-size:.8rem;font-weight:600;color:var(--accent,#3b82f6);background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.ColorContrastChecker_swapBtn__BcqWh:hover{text-decoration:underline}.ColorContrastChecker_pickerRow__c_rF_{display:flex;align-items:center;gap:.75rem}.ColorContrastChecker_colorPicker__sZdrj{width:50px;height:42px;border-radius:8px;border:1px solid var(--border-color,#cbd5e1);cursor:pointer;background:transparent}.ColorContrastChecker_hexInput__JBFJO{flex:1 1;padding:.6rem .75rem;border:1px solid var(--border-color,#cbd5e1);border-radius:6px;font-size:.95rem;font-family:monospace;background:var(--input-bg,#ffffff);color:var(--text-color,#0f172a)}.ColorContrastChecker_ratioCard__eKOMO{text-align:center;padding:1.5rem;border-radius:12px;background:var(--button-sec-bg,#f8fafc);border:1px solid var(--border-color,#e2e8f0)}.ColorContrastChecker_ratioVal__C_AiH{font-size:3.5rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-color,#0f172a);line-height:1}.ColorContrastChecker_ratioLabel__blW2d{font-size:.85rem;font-weight:600;color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.ColorContrastChecker_badges__6aRUg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:.75rem;gap:.75rem}.ColorContrastChecker_badge__ai0L8{padding:.6rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:space-between}.ColorContrastChecker_badgePass__HkcTo{background:#dcfce7;color:#166534}.ColorContrastChecker_badgeFail__zDFBw{background:#fee2e2;color:#991b1b}.ColorContrastChecker_previewBox__MkAck{border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .2s ease}.ColorContrastChecker_previewText__EMBOk{margin:0}.ColorContrastChecker_previewBtn__Rjf8u{padding:.65rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:600;border:2px solid;background:transparent;width:-moz-fit-content;width:fit-content}