.ColorPicker_preview__ERV9R{box-sizing:border-box;position:fixed;z-index:1000;width:140px;height:140px;border-radius:16px;overflow:visible;pointer-events:none;animation:ColorPicker_fadeIn__slvHm .2s ease-out}.ColorPicker_previewContent__ucfUO{position:relative;width:100%;height:100%;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 10px 40px rgba(0,0,0,.15),inset 0 0 0 1px hsla(0,0%,100%,.2),0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden}.ColorPicker_previewCanvas__qfPO3{width:140px;height:140px;border-radius:12px}.ColorPicker_zoomIndicator__Y7KvX{position:absolute;top:-25px;right:0;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);color:#fff;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;opacity:.8}@keyframes ColorPicker_fadeIn__slvHm{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ColorPicker_fadeInBounce__swcQy{0%{opacity:0;transform:translateY(-10px)}50%{transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes ColorPicker_pulse__5P871{0%,to{opacity:1}50%{opacity:.5}}@keyframes ColorPicker_bounce__C2Zxs{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.ColorPicker_crosshair__ogAfk{position:absolute;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ColorPicker_crosshair__ogAfk:after,.ColorPicker_crosshair__ogAfk:before{content:"";position:absolute;background:rgba(255,0,0,.8);box-shadow:0 0 2px rgba(0,0,0,.5)}.ColorPicker_crosshair__ogAfk:before{width:1px;height:100%;left:50%;transform:translateX(-50%)}.ColorPicker_crosshair__ogAfk:after{width:100%;height:1px;top:50%;transform:translateY(-50%)}.ColorPicker_container__dlmOz{position:relative;width:100%;height:100%}.ColorPicker_image__Cf0Q2{width:100%;height:100%;object-fit:contain;display:block}.ColorPicker_canvas__fx4Rr{cursor:crosshair;display:block;position:relative}.ColorPicker_canvasHidden__byhZk{visibility:hidden;position:absolute;pointer-events:none}.ColorPicker_imageHidden__eLG07{display:none}.ColorPicker_loadingContainer__Tp0_M{width:100%;background:linear-gradient(to bottom right,#f3f4f6,#e5e7eb);border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden}.ColorPicker_loadingContent__25zD0{animation:ColorPicker_pulse__5P871 2s cubic-bezier(.4,0,.6,1) infinite;padding:1rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width:768px){.ColorPicker_loadingContent__25zD0{padding:1.5rem}}.ColorPicker_loadingIcon__tIMfG{background-color:#d1d5db;border-radius:.5rem;margin-bottom:.75rem;animation:ColorPicker_bounce__C2Zxs 1s infinite;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.ColorPicker_loadingIcon__tIMfG{margin-bottom:1rem}}.ColorPicker_loadingIconSvg__rbUcW{color:#9ca3af}.ColorPicker_loadingBar__Us0HE{border-radius:.25rem;margin-bottom:.5rem}.ColorPicker_zoomHint___SvKx{position:fixed;z-index:1001;pointer-events:none;animation:ColorPicker_fadeInBounce__swcQy .5s ease-out}.ColorPicker_zoomHintContent__VKiDP{padding:8px 12px;background:rgba(0,0,0,.9);color:#fff;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2)}.ColorPicker_colorMarker__Xd7TM{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none;z-index:100;animation:ColorPicker_markerFadeIn__CJ_zu .3s ease-out}.ColorPicker_colorMarkerInner__nTQEE{position:absolute;width:100%;height:100%;border-radius:50%;background:hsla(0,0%,100%,.9);border:3px solid;box-shadow:0 0 0 2px hsla(0,0%,100%,.5),0 2px 8px rgba(0,0,0,.3)}.ColorPicker_colorMarkerPulse__XAi_Q{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid;animation:ColorPicker_markerPulse__ERQKD 2s cubic-bezier(.4,0,.6,1) infinite;opacity:.6}@keyframes ColorPicker_markerPulse__ERQKD{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:.6}}@keyframes ColorPicker_markerFadeIn__CJ_zu{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ColorPicker_colorMarkersContainer__6bVCx{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}