.ColorContrastChecker-module__0p6ivG__container{flex-direction:column;gap:16px;max-width:560px;margin:40px auto;padding:0 20px 40px;display:flex}.ColorContrastChecker-module__0p6ivG__title{color:#1a3a5c;font-size:1.5rem;font-weight:700}.ColorContrastChecker-module__0p6ivG__card{background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:20px 24px;display:flex;box-shadow:0 1px 4px #00000012}.ColorContrastChecker-module__0p6ivG__colorRow{gap:16px;display:flex}.ColorContrastChecker-module__0p6ivG__field{flex-direction:column;flex:1;gap:4px;display:flex}.ColorContrastChecker-module__0p6ivG__fieldLabel{color:#888;font-size:.8rem;font-weight:500}.ColorContrastChecker-module__0p6ivG__colorInputGroup{align-items:center;gap:8px;display:flex}.ColorContrastChecker-module__0p6ivG__colorSwatch{cursor:pointer;border:1.5px solid #d0dbe8;border-radius:8px;width:40px;height:36px;padding:2px}.ColorContrastChecker-module__0p6ivG__hexInput{color:#1a3a5c;border:1.5px solid #d0dbe8;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem;transition:border-color .15s}.ColorContrastChecker-module__0p6ivG__hexInput:focus{border-color:#1a3a5c}.ColorContrastChecker-module__0p6ivG__preview{text-align:center;border-radius:12px;padding:28px 20px;font-size:1.2rem;font-weight:600;box-shadow:0 1px 4px #00000012}.ColorContrastChecker-module__0p6ivG__resultCard{background:#f0f6ff;border:1.5px solid #c8daf0}.ColorContrastChecker-module__0p6ivG__results{flex-direction:column;gap:12px;display:flex}.ColorContrastChecker-module__0p6ivG__resultRow{justify-content:space-between;align-items:baseline;display:flex}.ColorContrastChecker-module__0p6ivG__resultLabel{color:#555;font-size:.88rem}.ColorContrastChecker-module__0p6ivG__totalRow{justify-content:center}.ColorContrastChecker-module__0p6ivG__resultTotal{color:#1a3a5c;font-size:2rem;font-weight:800}.ColorContrastChecker-module__0p6ivG__criteriaGrid{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.ColorContrastChecker-module__0p6ivG__criterionRow{color:#555;border-bottom:1px solid #dce8f5;justify-content:space-between;padding:4px 0;font-size:.85rem;display:flex}.ColorContrastChecker-module__0p6ivG__pass{color:#1f7a4a;font-weight:700}.ColorContrastChecker-module__0p6ivG__fail{color:#b04a4a;font-weight:700}.ColorContrastChecker-module__0p6ivG__placeholder{color:#aaa;text-align:center;padding:12px 0;font-size:.88rem}@media (max-width:640px){.ColorContrastChecker-module__0p6ivG__container{margin:16px auto;padding:0 12px 24px}.ColorContrastChecker-module__0p6ivG__colorRow{flex-direction:column;gap:12px}.ColorContrastChecker-module__0p6ivG__criteriaGrid{grid-template-columns:1fr}}