.ColorConverter-module__BZ81Ga__shell{width:min(100%,56rem)}.ColorConverter-module__BZ81Ga__focusedShell{width:min(100%,42rem)}.ColorConverter-module__BZ81Ga__head{grid-template-columns:auto 1fr;align-items:stretch;gap:1rem;display:grid}.ColorConverter-module__BZ81Ga__swatch{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background-image:linear-gradient(45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border-subtle) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border-subtle) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;block-size:4.5rem;inline-size:4.5rem;position:relative;overflow:hidden}.ColorConverter-module__BZ81Ga__swatch:after{content:"";background:inherit;background-color:currentColor;position:absolute;inset:0}.ColorConverter-module__BZ81Ga__inputWrap{flex-direction:column;gap:.5rem;display:flex}.ColorConverter-module__BZ81Ga__inputRow{grid-template-columns:1fr auto;gap:.5rem;display:grid}.ColorConverter-module__BZ81Ga__colorPicker{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;block-size:2.85rem;inline-size:2.85rem;padding:.2rem}.ColorConverter-module__BZ81Ga__colorPicker::-webkit-color-swatch-wrapper{padding:0}.ColorConverter-module__BZ81Ga__colorPicker::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.ColorConverter-module__BZ81Ga__colorPicker::-moz-color-swatch{border-radius:var(--radius-sm);border:none}.ColorConverter-module__BZ81Ga__presets{flex-wrap:wrap;gap:.45rem;display:flex}.ColorConverter-module__BZ81Ga__preset{border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:999px;block-size:1.85rem;inline-size:1.85rem;transition:transform .16s,border-color .16s}.ColorConverter-module__BZ81Ga__preset:hover{border-color:var(--color-text-secondary);transform:scale(1.08)}.ColorConverter-module__BZ81Ga__formats{gap:0;margin:0;display:grid}.ColorConverter-module__BZ81Ga__formatRow{border-top:1px solid var(--color-border-subtle);grid-template-columns:5rem 1fr;align-items:center;gap:1rem;padding:.65rem 0;display:grid}.ColorConverter-module__BZ81Ga__formatRow:last-child{border-bottom:1px solid var(--color-border-subtle)}.ColorConverter-module__BZ81Ga__formatLabel{color:var(--color-text-disabled);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:600}.ColorConverter-module__BZ81Ga__formatValue{justify-content:space-between;align-items:center;gap:.75rem;margin:0;display:flex}.ColorConverter-module__BZ81Ga__formatValue code{font-family:var(--font-mono);color:var(--color-text-primary);word-break:break-all;font-size:.95rem}@media (max-width:640px){.ColorConverter-module__BZ81Ga__head{grid-template-columns:1fr}.ColorConverter-module__BZ81Ga__swatch{block-size:3rem;inline-size:100%}.ColorConverter-module__BZ81Ga__formatRow{grid-template-columns:4rem 1fr}}