.styles_wrapper__GRbU5{padding:20px}.styles_title__yoPjx{text-align:center;margin-bottom:20px}.styles_container__o8OIN{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:30px}.styles_leftPanel___dTKV,.styles_middlePanel__EVn_V,.styles_rightPanel__ez193{padding:15px;border:1px solid #ddd;border-radius:12px;background:#fafafa}.styles_colorPreview__z9gDD{width:100%;height:150px;border-radius:8px;border:1px solid #ccc}.styles_hexValue__N6JlA{margin-top:10px;font-weight:700;text-align:center}.styles_inputs__TR0to{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}.styles_inputGroup__IwkUU{display:flex;flex-direction:column}.styles_results__cX4Mw{margin-top:20px;padding:15px;border:1px solid #ddd;border-radius:12px;background:#fff}