.ImageColorPicker_container__O__O4{display:flex;flex-direction:column;align-items:center;justify-content:center}.ImageColorPicker_module__HPzSY{border:.5px dashed #ccc;padding:15px;width:37%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:start;flex-direction:column}.ImageColorPicker_moduleTransparent__TtQGs{padding:15px;width:50%;margin:0 auto;display:flex;align-items:center;flex-direction:column}.ImageColorPicker_uploadArea__C8jPr{border:1px dashed #ccc;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:20px;display:flex;align-items:center;justify-content:center;width:70%;max-width:450px;box-shadow:-5px 0 5px -5px rgba(0,0,0,.07),0 -5px 5px -5px rgba(0,0,0,.07),5px 0 5px -5px rgba(0,0,0,.07)}.ImageColorPicker_dragover__MXWPe,.ImageColorPicker_uploadArea__C8jPr:hover{border-color:#f3424870}.ImageColorPicker_imagePreview__qBcpz{position:relative}.ImageColorPicker_imageArea__nd5tw{display:flex;flex-direction:row}.ImageColorPicker_colorListArea__PQyXa{display:flex;align-items:center;flex-direction:column}.ImageColorPicker_imageWrapper__vfJrY{display:flex;justify-content:center;align-items:center;border:1px solid #eee;border-radius:8px;padding:5px;background:repeating-conic-gradient(#f8f8f8 0 25%,#fff 0 50%) 50% /20px 20px}.ImageColorPicker_imageWrapper__vfJrY img{height:auto;pointer-events:auto;object-fit:contain;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease}.ImageColorPicker_magnifier__y_YS4{position:fixed;transform:translate(-50%,-50%)}.ImageColorPicker_zoomPreview__Wcr7Q{width:100%;height:100%;background:inherit;transform:scale(2);background-repeat:no-repeat}.ImageColorPicker_colorPercentage__Aqoms{margin-left:auto;font-weight:700;color:#666;font-size:.7em}.ImageColorPicker_colorInfo__xmFgr{position:absolute;left:130px;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.9);padding:8px;border-radius:4px;min-width:140px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ImageColorPicker_selectedColor__TTD5V{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:12px;background:#f8f8f8;border-radius:8px}.ImageColorPicker_colorPreview__btRNF{border-radius:50%;border:2px solid #ddd}.ImageColorPicker_colorList__ElV86{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:3px;padding-left:10px;padding-right:10px;padding-bottom:10px}.ImageColorPicker_colorItem__qLjGt{display:flex;align-items:center;gap:12px;padding:8px;border:.5px solid #eee;border-radius:0;background:#fff}.ImageColorPicker_colorSwatch__zq9Bg{width:24px;height:24px;border-radius:4px;border:1px solid #ddd}.ImageColorPicker_colorValues__CIdBi{display:flex;flex-direction:column;font-size:.7em}.ImageColorPicker_selectedColorInfo__XIVoD{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.05);border-radius:8px;transition:all .3s ease;margin-bottom:20px}.ImageColorPicker_colorPreview__btRNF{width:40px;height:40px;border-radius:6px;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.ImageColorPicker_colorDetails__4hOkY{display:flex;flex-direction:column;gap:4px;font-size:.85em}.ImageColorPicker_colorTooltip__ApV_S{position:fixed;background:rgba(0,0,0,.9);color:#fff;padding:8px 12px;border-radius:6px;font-size:.85em;display:flex;align-items:center;gap:8px;z-index:1000;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(4px)}.ImageColorPicker_tooltipSwatch__2UlC1{width:20px;height:20px;border-radius:4px;border:1px solid hsla(0,0%,100%,.2)}.ImageColorPicker_tooltipText__ePU5b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.7em}.ImageColorPicker_tooltipText__ePU5b img{width:40px;height:40px}@media (max-width:768px){.ImageColorPicker_container__O__O4{width:90%!important;padding:12px;margin:0 auto}.ImageColorPicker_moduleTransparent__TtQGs,.ImageColorPicker_module__HPzSY{width:90%}.ImageColorPicker_uploadArea__C8jPr{width:90%;padding:24px 12px;border-width:1.5px}.ImageColorPicker_imageArea__nd5tw{flex-direction:column}.ImageColorPicker_imagePreview__qBcpz{max-width:90%;margin:0 auto}.ImageColorPicker_imageWrapper__vfJrY img{max-width:100%!important;height:auto;box-shadow:none}.ImageColorPicker_colorTooltip__ApV_S{max-width:80vw;transform:translate(-20%,10%);font-size:.8em;padding:6px 10px}.ImageColorPicker_selectedColorInfo__XIVoD{padding:8px;margin-bottom:15px;margin-top:15px}.ImageColorPicker_colorList__ElV86{margin:10px auto;grid-template-columns:1fr;gap:8px}.ImageColorPicker_colorSwatch__zq9Bg{width:20px;height:20px}.ImageColorPicker_colorValues__CIdBi span{font-size:.85em}.ImageColorPicker_colorPercentage__Aqoms{font-size:.9em}}.Toast_toast__T5a6l{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background-color:#bc646c;padding:10px;font-size:16px;transition:top .5s ease-in-out;z-index:1000;color:#f5f5f5}.Toast_show__eFyAt{top:70px}