.ColorConverter-module__E7z7Ha__container{max-width:1200px;margin:0 auto;padding:2rem}.ColorConverter-module__E7z7Ha__header{text-align:center;margin-bottom:2rem}.ColorConverter-module__E7z7Ha__header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.ColorConverter-module__E7z7Ha__header p{color:var(--text-secondary);font-size:1rem}.ColorConverter-module__E7z7Ha__previewSection{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.ColorConverter-module__E7z7Ha__colorPreview{border:3px solid var(--border-color);border-radius:12px;align-items:flex-end;width:100%;max-width:400px;height:200px;padding:1rem;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.ColorConverter-module__E7z7Ha__colorPreview:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026}.ColorConverter-module__E7z7Ha__colorInfo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;flex-direction:column;gap:.25rem;width:100%;padding:.75rem 1rem;display:flex}.ColorConverter-module__E7z7Ha__colorName{color:#fff;font-size:1.25rem;font-weight:600}.ColorConverter-module__E7z7Ha__hexValue{color:#fffc;font-family:Courier New,monospace;font-size:.875rem}.ColorConverter-module__E7z7Ha__pickerGroup{align-items:center;gap:1rem;display:flex}.ColorConverter-module__E7z7Ha__pickerGroup label{color:var(--text-primary);font-weight:500}.ColorConverter-module__E7z7Ha__colorPicker{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;width:80px;height:40px;transition:transform .2s}.ColorConverter-module__E7z7Ha__colorPicker:hover{transform:scale(1.1)}.ColorConverter-module__E7z7Ha__presetsSection{margin-bottom:2rem}.ColorConverter-module__E7z7Ha__presetsSection h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.ColorConverter-module__E7z7Ha__presetGrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;display:grid}.ColorConverter-module__E7z7Ha__presetButton{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:flex-end;height:60px;padding:.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.ColorConverter-module__E7z7Ha__presetButton:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.ColorConverter-module__E7z7Ha__presetButton:active{transform:translateY(0)}.ColorConverter-module__E7z7Ha__presetName{color:#fff;text-shadow:0 1px 2px #00000080;text-align:center;background:#00000080;border-radius:4px;width:100%;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.ColorConverter-module__E7z7Ha__formatsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.ColorConverter-module__E7z7Ha__formatCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}.ColorConverter-module__E7z7Ha__formatCard:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.ColorConverter-module__E7z7Ha__formatHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ColorConverter-module__E7z7Ha__formatHeader h3{color:var(--text-primary);margin:0;font-size:1.125rem}.ColorConverter-module__E7z7Ha__inputGroup{flex-direction:column;gap:.5rem;display:flex}.ColorConverter-module__E7z7Ha__input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem;font-family:Courier New,monospace;font-size:1rem;transition:all .2s}.ColorConverter-module__E7z7Ha__input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.ColorConverter-module__E7z7Ha__rgbInputs{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem;display:grid}.ColorConverter-module__E7z7Ha__rgbInput{flex-direction:column;gap:.25rem;display:flex}.ColorConverter-module__E7z7Ha__rgbInput label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.ColorConverter-module__E7z7Ha__cssValue{background:var(--bg-primary);border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;border-radius:6px;padding:.75rem;font-family:Courier New,monospace;font-size:.875rem}.ColorConverter-module__E7z7Ha__contrastSection{margin-bottom:2rem}.ColorConverter-module__E7z7Ha__contrastSection h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.ColorConverter-module__E7z7Ha__contrastDesc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.ColorConverter-module__E7z7Ha__contrastGrid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.ColorConverter-module__E7z7Ha__contrastCard{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.ColorConverter-module__E7z7Ha__contrastWhite{background-color:#fff}.ColorConverter-module__E7z7Ha__contrastWhite h4,.ColorConverter-module__E7z7Ha__contrastWhite .ColorConverter-module__E7z7Ha__contrastRatio{color:#000}.ColorConverter-module__E7z7Ha__contrastBlack{background-color:#000}.ColorConverter-module__E7z7Ha__contrastBlack h4,.ColorConverter-module__E7z7Ha__contrastBlack .ColorConverter-module__E7z7Ha__contrastRatio{color:#fff}.ColorConverter-module__E7z7Ha__contrastHeader{justify-content:space-between;align-items:center;display:flex}.ColorConverter-module__E7z7Ha__contrastHeader h4{margin:0;font-size:1.1rem}.ColorConverter-module__E7z7Ha__contrastRatio{font-size:1.25rem;font-weight:700}.ColorConverter-module__E7z7Ha__contrastPreviews{flex-direction:column;gap:1rem;display:flex}.ColorConverter-module__E7z7Ha__contrastPreviewItem{justify-content:space-between;align-items:center;display:flex}.ColorConverter-module__E7z7Ha__contrastTextNormal{font-size:14pt;font-weight:400}.ColorConverter-module__E7z7Ha__contrastTextLarge{font-size:18pt;font-weight:700}.ColorConverter-module__E7z7Ha__contrastBadges{gap:.5rem;display:flex}.ColorConverter-module__E7z7Ha__badge{color:#fff;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.ColorConverter-module__E7z7Ha__badgePass{background-color:#34c759}.ColorConverter-module__E7z7Ha__badgeFail{background-color:#ff3b30}.ColorConverter-module__E7z7Ha__paletteSection{margin-bottom:2rem}.ColorConverter-module__E7z7Ha__paletteSection h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.ColorConverter-module__E7z7Ha__paletteDesc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.ColorConverter-module__E7z7Ha__paletteGrid{flex-direction:column;gap:1.5rem;display:flex}.ColorConverter-module__E7z7Ha__paletteCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.ColorConverter-module__E7z7Ha__paletteName{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.ColorConverter-module__E7z7Ha__paletteColors{flex-wrap:wrap;gap:1rem;display:flex}.ColorConverter-module__E7z7Ha__paletteColorWrapper{flex-direction:column;align-items:center;gap:.5rem;width:80px;display:flex}.ColorConverter-module__E7z7Ha__paletteSwatch{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;width:100%;height:60px;transition:transform .2s}.ColorConverter-module__E7z7Ha__paletteSwatch:hover{border-color:var(--primary-color);transform:scale(1.05)}.ColorConverter-module__E7z7Ha__paletteHexBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-family:Courier New,monospace;font-size:.8rem}.ColorConverter-module__E7z7Ha__paletteHexBtn:hover{color:var(--text-primary)}.ColorConverter-module__E7z7Ha__infoBox{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:1.5rem}.ColorConverter-module__E7z7Ha__infoBox h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.ColorConverter-module__E7z7Ha__infoBox ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.ColorConverter-module__E7z7Ha__infoBox li{color:var(--text-secondary);padding-left:1.5rem;line-height:1.6;position:relative}.ColorConverter-module__E7z7Ha__infoBox li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.ColorConverter-module__E7z7Ha__infoBox strong{color:var(--text-primary)}@media (max-width:768px){.ColorConverter-module__E7z7Ha__container{padding:1rem}.ColorConverter-module__E7z7Ha__header h1{font-size:1.5rem}.ColorConverter-module__E7z7Ha__colorPreview{height:150px}.ColorConverter-module__E7z7Ha__formatsGrid,.ColorConverter-module__E7z7Ha__contrastGrid{grid-template-columns:1fr}.ColorConverter-module__E7z7Ha__presetGrid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.ColorConverter-module__E7z7Ha__presetButton{height:50px}.ColorConverter-module__E7z7Ha__presetName{font-size:.65rem}}