.ColorPicker-module__vQQgFG__pickerRow{grid-template-columns:5rem 1fr;align-items:end;gap:1rem;display:grid}.ColorPicker-module__vQQgFG__nativePicker{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;background:0 0;width:5rem;height:5rem;padding:.2rem}.ColorPicker-module__vQQgFG__hexField{color:var(--color-text-secondary);gap:.35rem;font-size:.86rem;font-weight:500;display:grid}.ColorPicker-module__vQQgFG__swatch{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);align-items:end;min-height:8rem;padding:1rem;display:flex}.ColorPicker-module__vQQgFG__swatch code{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-mono);background:#00000073;padding:.25rem .45rem}.ColorPicker-module__vQQgFG__formats{gap:.45rem;display:grid}.ColorPicker-module__vQQgFG__format{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text-secondary);cursor:pointer;justify-content:space-between;gap:.8rem;padding:.65rem;display:flex}.ColorPicker-module__vQQgFG__format code{color:var(--color-text-primary);font-family:var(--font-mono)}.ColorPicker-module__vQQgFG__palette{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}.ColorPicker-module__vQQgFG__palette button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;min-height:4.5rem;padding:0;overflow:hidden}.ColorPicker-module__vQQgFG__palette span{color:#fff;font-family:var(--font-mono);background:#00000073;margin-top:2.9rem;padding:.2rem;font-size:.72rem;display:block}@media (max-width:560px){.ColorPicker-module__vQQgFG__pickerRow{grid-template-columns:1fr}.ColorPicker-module__vQQgFG__palette{grid-template-columns:repeat(2,1fr)}}