.page-module__wbnxvq__container{flex-direction:column;gap:2rem;display:flex}.page-module__wbnxvq__inputSection{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.page-module__wbnxvq__colorInputs{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.page-module__wbnxvq__colorInput{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.page-module__wbnxvq__colorInput label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.page-module__wbnxvq__colorRow{gap:.5rem;display:flex}.page-module__wbnxvq__colorPicker{cursor:pointer;background:0 0;border:none;border-radius:.5rem;width:50px;height:42px}.page-module__wbnxvq__swapBtn{background:var(--bg-tertiary);border:1px solid var(--border-primary);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.page-module__wbnxvq__swapBtn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.page-module__wbnxvq__presets{flex-direction:column;gap:.75rem;display:flex}.page-module__wbnxvq__presetsLabel{color:var(--text-tertiary);font-size:.8125rem}.page-module__wbnxvq__presetButtons{flex-wrap:wrap;gap:.5rem;display:flex}.page-module__wbnxvq__presetBtn{border:2px solid var(--border-primary);cursor:pointer;background:0 0;border-radius:.375rem;padding:0;transition:all .2s;overflow:hidden}.page-module__wbnxvq__presetBtn:hover{border-color:var(--accent-primary);transform:scale(1.05)}.page-module__wbnxvq__presetPreview{justify-content:center;align-items:center;width:48px;height:36px;font-size:.875rem;font-weight:600;display:flex}.page-module__wbnxvq__preview{border:1px solid var(--border-primary);border-radius:.75rem;padding:2rem;transition:background .2s}.page-module__wbnxvq__previewContent{max-width:600px;margin:0 auto}.page-module__wbnxvq__previewTitle{margin-bottom:1rem;font-size:1.75rem;font-weight:700}.page-module__wbnxvq__previewText{margin-bottom:1rem;font-size:1.125rem;line-height:1.7}.page-module__wbnxvq__previewSmall{margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.page-module__wbnxvq__previewButton{cursor:pointer;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:opacity .2s}.page-module__wbnxvq__previewButton:hover{opacity:.9}.page-module__wbnxvq__resultSection{flex-direction:column;gap:1.5rem;display:flex}.page-module__wbnxvq__ratioCard{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;flex-direction:column;align-items:center;padding:2rem;display:flex}.page-module__wbnxvq__ratioValue{align-items:baseline;font-family:SF Mono,Fira Code,monospace;font-size:3.5rem;font-weight:700;display:flex}.page-module__wbnxvq__ratioValue span:first-child{font-size:4rem}.page-module__wbnxvq__ratioSeparator{color:var(--text-tertiary);margin:0 .25rem}.page-module__wbnxvq__ratioLabel{margin-top:.5rem;font-size:1.25rem;font-weight:600}.page-module__wbnxvq__excellent{color:#10b981}.page-module__wbnxvq__good{color:#3b82f6}.page-module__wbnxvq__fair{color:#f59e0b}.page-module__wbnxvq__poor{color:#ef4444}.page-module__wbnxvq__wcagGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.page-module__wbnxvq__wcagCard{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem}.page-module__wbnxvq__wcagCard h4{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.page-module__wbnxvq__wcagItems{flex-direction:column;gap:.75rem;display:flex}.page-module__wbnxvq__wcagItem{border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.page-module__wbnxvq__wcagItem.page-module__wbnxvq__pass{background:#10b9811a}.page-module__wbnxvq__wcagItem.page-module__wbnxvq__fail{background:#ef44441a}.page-module__wbnxvq__wcagIcon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.page-module__wbnxvq__pass .page-module__wbnxvq__wcagIcon{color:#fff;background:#10b981}.page-module__wbnxvq__fail .page-module__wbnxvq__wcagIcon{color:#fff;background:#ef4444}.page-module__wbnxvq__wcagItem>div{flex-direction:column;display:flex}.page-module__wbnxvq__wcagName{color:var(--text-primary);font-size:.875rem;font-weight:500}.page-module__wbnxvq__wcagReq{color:var(--text-tertiary);font-size:.75rem}.page-module__wbnxvq__info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem}.page-module__wbnxvq__info h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.page-module__wbnxvq__info ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.page-module__wbnxvq__info li{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.page-module__wbnxvq__info strong{color:var(--text-primary)}