.ColorPicker_container__8iyzS{display:flex;flex-direction:column;align-items:center;margin-top:5.5rem;justify-content:center;min-height:100vh;background-color:#f8f8f8;padding:2rem}.ColorPicker_controls__RgovP{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;justify-content:center}.ColorPicker_controlItem__rO9DH{display:flex;flex-direction:column;align-items:center}.ColorPicker_label__ZMBAe{font-family:var(--font-geist-sans);font-size:1rem;color:#333;margin-bottom:.5rem;font-weight:500}.ColorPicker_select__gofCS{padding:.5rem 1rem;border:1px solid #ccc;border-radius:5px;font-family:var(--font-geist-sans);font-size:1rem}.ColorPicker_range__rd900{width:200px}.ColorPicker_preview__5zhee{width:100%}.ColorPicker_cssCodeContainer__NPi0Z{margin-top:2rem;background-color:#eee;border:1px solid #ccc;border-radius:5px;padding:1rem;width:100%;max-width:600px;overflow:auto}.ColorPicker_cssCodeTitle__ggPUB{font-family:var(--font-geist-sans);font-size:1.2rem;color:#333;margin-bottom:.5rem}.ColorPicker_cssCode__5xj5a{font-family:var(--font-geist-mono);font-size:.9rem;color:#0077cc;white-space:pre-wrap}@media (max-width:600px){.ColorPicker_controls__RgovP{flex-direction:column;align-items:stretch}.ColorPicker_controlItem__rO9DH,.ColorPicker_range__rd900{width:100%}}