.WcagCalc-module__OfUJJa__root{gap:var(--space-5);flex-direction:column;display:flex}.WcagCalc-module__OfUJJa__pickers{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.WcagCalc-module__OfUJJa__colorField{gap:var(--space-2);flex-direction:column;display:flex}.WcagCalc-module__OfUJJa__colorLabel{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.WcagCalc-module__OfUJJa__colorInputWrap{align-items:center;gap:var(--space-3);background-color:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex}.WcagCalc-module__OfUJJa__colorInputWrap:focus-within{border-color:var(--color-calc-wcag);box-shadow:0 0 0 3px var(--color-calc-wcag-soft);background-color:var(--color-bg-card)}.WcagCalc-module__OfUJJa__swatchWrap{border-radius:var(--radius-sm);border:2px solid var(--color-border);cursor:pointer;width:32px;height:32px;transition:border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.WcagCalc-module__OfUJJa__swatchWrap:hover{border-color:var(--color-calc-wcag)}.WcagCalc-module__OfUJJa__colorPicker{opacity:0;width:0;height:0;position:absolute}.WcagCalc-module__OfUJJa__hexInput{font-family:Courier New,monospace;font-size:var(--text-base);color:var(--color-text);letter-spacing:.04em;background:0 0;border:none;outline:none;flex:1;min-width:0;font-weight:600}.WcagCalc-module__OfUJJa__preview{border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6)var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.WcagCalc-module__OfUJJa__previewLarge{letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.2}.WcagCalc-module__OfUJJa__previewSmall{font-size:var(--text-base);line-height:1.6}.WcagCalc-module__OfUJJa__previewTiny{font-size:var(--text-sm);opacity:.85}.WcagCalc-module__OfUJJa__ratioBox{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)var(--space-5);justify-content:space-between;align-items:center;display:flex}.WcagCalc-module__OfUJJa__ratioMain{align-items:baseline;gap:var(--space-3);display:flex}.WcagCalc-module__OfUJJa__ratioNum{letter-spacing:-.04em;font-size:clamp(2rem,8vw,3rem);font-weight:900;line-height:1}.WcagCalc-module__OfUJJa__ratioLabel{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.WcagCalc-module__OfUJJa__levelBadge{padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);letter-spacing:.04em;border:1.5px solid;font-weight:800}.WcagCalc-module__OfUJJa__criteriaTable{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.WcagCalc-module__OfUJJa__criteriaRow{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.WcagCalc-module__OfUJJa__criteriaRow:last-child{border-bottom:none}.WcagCalc-module__OfUJJa__criteriaInfo{flex-direction:column;gap:2px;display:flex}.WcagCalc-module__OfUJJa__criteriaName{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.WcagCalc-module__OfUJJa__criteriaRequired{font-size:var(--text-xs);color:var(--color-text-muted)}.WcagCalc-module__OfUJJa__criteriaBadge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);align-items:center;gap:4px;font-weight:700;display:inline-flex}.WcagCalc-module__OfUJJa__pass{color:#10b981;background-color:#ecfdf5}.WcagCalc-module__OfUJJa__fail{color:#ef4444;background-color:#fef2f2}@media (max-width:480px){.WcagCalc-module__OfUJJa__pickers{grid-template-columns:1fr}}