:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}*{padding:0;margin:0;box-sizing:border-box}._container_hts1a_1{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;gap:20px}._hexValueInput_hts1a_19{width:150px;padding:10px 14px;font-size:1rem;color:#111827;background-color:#fff;border:2px solid #d1d5db;border-radius:8px;outline:none;transition:all .3s ease;font-family:Inter,sans-serif}._hexValueInput_hts1a_19:focus{border-color:#4f46e5;box-shadow:0 0 6px #4f46e580}._hexValueInput_hts1a_19::placeholder{color:#9ca3af;font-size:.9rem}._hexValueInput_hts1a_19:hover{border-color:#6b7280}._colorBox_hts1a_97{width:200px;height:200px;border-radius:8px}