.TabNavigation_navigation__EWJdU{position:-webkit-sticky;position:sticky;top:64px;z-index:100;width:max-content;padding:12px 0;margin-left:auto;margin-right:auto}.TabNavigation_segmented__2xDJ7{width:100%;border-radius:8px;padding:4px}@media(max-width:768px){.TabNavigation_navigation__EWJdU{padding:12px 16px}}.SquarePicker_squarePicker__yfsGI{display:flex;flex-direction:column;gap:12px;width:100%}.SquarePicker_squareArea__wt2dI{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;cursor:crosshair;overflow:hidden}.SquarePicker_squareCanvas__3msri{width:100%;height:100%;display:block}.SquarePicker_selectorHandle__49gmD{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3);transform:translate(-50%,-50%);pointer-events:none;background:transparent}.SquarePicker_hueSlider__DSiu4{position:relative;width:100%;height:20px;border-radius:4px;cursor:pointer;overflow:hidden}.SquarePicker_sliderHandle__7Z2zB{position:absolute;top:0;width:4px;height:100%;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:2px;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 2px rgba(0,0,0,.3)}.ChromeStylePicker_chromeStylePicker__fSmXk{display:flex;flex-direction:column;gap:12px;width:100%}.ChromeStylePicker_squareArea__TywoF{position:relative;width:100%;aspect-ratio:1;border-radius:8px;cursor:crosshair;overflow:hidden}.ChromeStylePicker_squareCanvas__g8VS7{width:100%;height:100%;display:block}.ChromeStylePicker_selectorHandle__nCuG1{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3);transform:translate(-50%,-50%);pointer-events:none;background:transparent}.ChromeStylePicker_lightnessSlider___V1lN{position:relative;width:100%;height:20px;border-radius:4px;cursor:pointer;overflow:hidden}.ChromeStylePicker_sliderHandle__VUZXh{position:absolute;top:0;width:4px;height:100%;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:2px;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 2px rgba(0,0,0,.3)}.ColorWheelPicker_colorWheelPicker__8mdU5{display:flex;flex-direction:column;gap:12px;width:100%}.ColorWheelPicker_wheelContainer__7YleO{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.ColorWheelPicker_wheelCanvas__xDIO_{width:100%;height:100%;border-radius:50%;cursor:crosshair}.ColorWheelPicker_sliderContainer__V6q9b{display:flex;align-items:center;gap:12px}.ColorWheelPicker_sliderLabel__urF1H{font-size:12px;color:var(--color-text-secondary);min-width:60px}.ColorWheelPicker_slider__v8oTk{position:relative;flex:1 1;height:20px;border-radius:4px;cursor:pointer;overflow:hidden}.ColorWheelPicker_opacitySlider__gWddr{background-image:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 8px,#fff 0,#fff 16px);background-size:16px 16px}.ColorWheelPicker_sliderHandle__kmous{position:absolute;top:0;width:4px;height:100%;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:2px;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 2px rgba(0,0,0,.3)}.PaletteGridPicker_paletteGridPicker__Zmk3K{display:flex;gap:16px;width:100%;max-width:700px;height:400px}@media(max-width:768px){.PaletteGridPicker_paletteGridPicker__Zmk3K{flex-direction:column;height:auto}}.PaletteGridPicker_gridContainer__RBncR{flex-shrink:0;width:268px;height:100%}@media(max-width:768px){.PaletteGridPicker_gridContainer__RBncR{width:100%;height:300px}}.PaletteGridPicker_grid__EqJ0j{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(15,1fr);grid-gap:2px;gap:2px;width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--color-border-2,hsla(0,0%,100%,.1))}.PaletteGridPicker_gridItem__KnAAX{aspect-ratio:1;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;border:1px solid hsla(0,0%,100%,.1)}.PaletteGridPicker_gridItem__KnAAX:hover{transform:scale(1.1);z-index:10;box-shadow:0 0 8px rgba(0,0,0,.3)}.PaletteGridPicker_gridItem__KnAAX.PaletteGridPicker_selected__AnDuU{border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 8px hsla(0,0%,100%,.5);z-index:20;transform:scale(1.15)}.PaletteGridPicker_gradientArea__KyEiZ{flex:1 1;position:relative;border-radius:8px;cursor:crosshair;overflow:hidden;border:1px solid var(--color-border-2,hsla(0,0%,100%,.1));min-height:300px}@media(max-width:768px){.PaletteGridPicker_gradientArea__KyEiZ{width:100%;height:300px}}.PaletteGridPicker_gradientCanvas___sOrH{width:100%;height:100%;display:block}.PaletteGridPicker_selectorHandle__L61ZF{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.5);transform:translate(-50%,-50%);pointer-events:none;background:transparent;z-index:10}.ColorPickerModule_colorPickerModule__dn_Bl{gap:24px;width:100%;display:flex}.ColorPickerModule_leftPanel__bOruH{display:flex;flex-direction:column;gap:16px;flex:1 1}.ColorPickerModule_preview__mQFOr{display:flex;flex-direction:row;align-items:stretch;gap:16px;flex:1 1;height:100%}.ColorPickerModule_previewColor__l_yu_{flex:1 1;min-width:200px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:24px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ColorPickerModule_image__phX9v{flex:1 1;min-width:0;border-radius:24px;display:block}.ColorPickerModule_image__phX9v.ColorPickerModule_landscape__f4e__{width:auto;height:100%;object-fit:contain}.ColorPickerModule_image__phX9v.ColorPickerModule_portrait__Ok9jg{width:auto;height:100%;object-fit:cover}.ColorPickerModule_image__phX9v:not(.ColorPickerModule_landscape__f4e__):not(.ColorPickerModule_portrait__Ok9jg){width:auto;height:100%;min-width:300px;object-fit:cover}.ColorPickerModule_previewInfo__ocwDw{text-align:center}.ColorPickerModule_previewLabel__4zAuP{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.ColorPickerModule_hexValue__Zw3u1{font-size:38px;font-weight:700;color:var(--color-text-selected);cursor:pointer}.ColorPickerModule_rightPanel__6yjz0{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:24px;background:var(--color-bg-2)}.ColorPickerModule_pickerContainer___LU0K{flex:1 1;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:0;border-radius:8px}.ColorPickerModule_hexInputSection__qzXzM{display:flex;align-items:center;gap:12px}.ColorPickerModule_hexInput__VniOD{flex:1 1;background:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--color-text-primary)}.ColorPickerModule_hexInput__VniOD:focus{border-color:var(--color-border-1);box-shadow:none}.ColorPickerModule_hexInput__VniOD .ant-input-prefix{color:var(--color-text-secondary);margin-right:4px}.ColorPickerModule_colorSwatch__fB6gX{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border-2);flex-shrink:0;cursor:pointer;transition:transform .2s}.ColorPickerModule_colorSwatch__fB6gX:hover{transform:scale(1.1)}.ColorPickerModule_pickerControls__yhhRF{display:flex;justify-content:space-between;align-items:center;gap:12px}.ColorPickerModule_pickerControlsRight__LwL3x{display:flex;gap:8px;align-items:center}.ColorPickerModule_pickerTypeSelect__ifkdY{min-width:120px;background:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:16px;flex:1 1}.ColorPickerModule_pickerTypeSelect__ifkdY .ant-select-selector{background:transparent!important;border:none!important;padding:0 8px!important}.ColorPickerModule_pickerTypeSelect__ifkdY .ant-select-selection-item{color:var(--color-text-primary);font-size:14px}.ColorPickerModule_dropdownIcon__S_LFa{font-size:10px;color:var(--color-text-secondary)}.ColorPickerModule_copyHexButton__vBThh,.ColorPickerModule_editButton__4zfKJ,.ColorPickerModule_eyeDropperButton__9MCvc{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--color-bg-1);border:1px solid var(--color-border-1);color:var(--color-text-primary);border-radius:50%}.ColorPickerModule_copyHexButton__vBThh:hover,.ColorPickerModule_editButton__4zfKJ:hover,.ColorPickerModule_eyeDropperButton__9MCvc:hover{background:var(--color-bg-3);border-color:var(--color-border-1);color:var(--color-text-primary)}.ColorPickerModule_copyHexButton__vBThh .anticon,.ColorPickerModule_editButton__4zfKJ .anticon,.ColorPickerModule_eyeDropperButton__9MCvc .anticon{font-size:14px}@media(max-width:768px){.ColorPickerModule_colorPickerModule__dn_Bl{grid-template-columns:1fr;gap:16px;flex-direction:column}.ColorPickerModule_preview__mQFOr{padding:16px}.ColorPickerModule_previewColor__l_yu_{width:100%;height:150px}.ColorPickerModule_pickerTypeSelect__ifkdY{width:100%}}.ColorFormatDisplay_colorFormatDisplay__u3B54{width:100%}.ColorFormatDisplay_formats__zmOIF{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.ColorFormatDisplay_formatItem__JQwQ8{display:flex;cursor:pointer;gap:8px;padding:0 16px 0 0;background:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:32px;align-items:center;height:40px;transition:border-color .2s}.ColorFormatDisplay_formatItem__JQwQ8:hover{border-color:var(--color-border-1)}.ColorFormatDisplay_label__LU3lK{font-size:14px;height:100%;display:flex;align-items:center;width:64px;justify-content:center;font-weight:500;color:var(--color-text-secondary);border-right:1px solid var(--color-border-1)}.ColorFormatDisplay_valueRow__b9JrL{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1}.ColorFormatDisplay_value__Jo1hd{font-size:14px;color:var(--color-text-primary);flex:1 1;display:inline-block;word-break:break-all}.ColorFormatDisplay_copyButton__xxedO{flex-shrink:0;color:var(--color-text-secondary)!important}.ColorFormatDisplay_copyButton__xxedO:hover{color:var(--color-text-selected)!important}.ColorFormatDisplay_error__rl_px{padding:16px;text-align:center;color:var(--color-text-secondary)}@media(max-width:986px){.ColorFormatDisplay_formats__zmOIF{grid-template-columns:1fr;gap:12px}.ColorFormatDisplay_formatItem__JQwQ8{padding:12px}.ColorFormatDisplay_value__Jo1hd{font-size:12px}}.ConversionModule_conversion__vc8ao{width:100%}.ConversionModule_formats__bggiL{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px}.ConversionModule_formatItem__uJ8Iq{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:4px;transition:border-color .2s}.ConversionModule_formatItem__uJ8Iq:hover{border-color:var(--color-border-1)}.ConversionModule_formatItem__uJ8Iq .ConversionModule_label__x9IAK{font-size:14px;font-weight:500;color:var(--color-text-primary)}.ConversionModule_formatItem__uJ8Iq .ConversionModule_valueRow__Ry8t0{display:flex;align-items:center;justify-content:space-between;gap:12px}.ConversionModule_formatItem__uJ8Iq .ConversionModule_value__vYVxp{flex:1 1;font-size:14px;color:var(--color-text-selected);background:var(--color-bg-3);padding:8px 12px;border-radius:4px;word-break:break-all}.ConversionModule_formatItem__uJ8Iq .ConversionModule_copyButton__MK9yQ{flex-shrink:0}@media(max-width:768px){.ConversionModule_formats__bggiL{grid-template-columns:1fr}.ConversionModule_valueRow__Ry8t0{flex-direction:column;align-items:stretch}.ConversionModule_copyButton__MK9yQ{width:100%}}.ColorTabSwitcher_tabSwitcher___lI4K{width:100%}.ColorTabSwitcher_segmented__bTfCB{border-radius:8px;padding:4px}.DetailPageRightPanel_rightPanel__XWF1C{display:flex;flex-direction:column;gap:24px;height:100%}.DetailPageRightPanel_section___3mjS .DetailPageRightPanel_sectionTitle__w2qJx{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.DetailPageRightPanel_section___3mjS .DetailPageRightPanel_colorBarContainer__Q9pbv{display:flex;align-items:center;justify-content:space-between;gap:12px}.DetailPageRightPanel_viewDetails__oe0LB{margin-top:16px;text-align:center}.DetailPageRightPanel_viewDetails__oe0LB a{color:var(--ant-color-primary);text-decoration:none;font-size:14px;transition:opacity .2s}.DetailPageRightPanel_viewDetails__oe0LB a:hover{opacity:.8}.DetailPageRightPanel_colorBarContainer__Q9pbv{position:relative;display:flex;align-items:flex-start;gap:12px}.DetailPageRightPanel_controlButton__TdwkU{display:flex;flex-direction:column;width:24px;height:48px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;flex-shrink:0}.DetailPageRightPanel_controlButtonItem__nnCP7{flex:1 1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:hsla(0,0%,100%,.65);cursor:pointer;transition:all .2s;padding:0;margin:0}.DetailPageRightPanel_controlButtonItem__nnCP7:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.85)}.DetailPageRightPanel_controlButtonItem__nnCP7:active:not(:disabled){background:hsla(0,0%,100%,.15)}.DetailPageRightPanel_controlButtonItem__nnCP7:disabled{opacity:.3;cursor:not-allowed}.DetailPageRightPanel_controlButtonItem__nnCP7 .anticon{font-size:12px}.DetailPageRightPanel_plusButton__mLj5G{border-bottom:1px solid hsla(0,0%,100%,.1)}.DetailPageRightPanel_actions__F68GQ{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--color-border-2);min-height:40px}.DetailPageRightPanel_actions__F68GQ .DetailPageRightPanel_exportButton__YOMzO{min-height:40px}.DetailPageRightPanel_actions__F68GQ .DetailPageRightPanel_exportButton__YOMzO path,.DetailPageRightPanel_actions__F68GQ .DetailPageRightPanel_exportButton__YOMzO svg{fill:#000!important}.DetailPageRightPanel_actionButton__L9iPu{display:flex;align-items:center;gap:6px;min-height:40px}.DetailPageRightPanel_actionButton__L9iPu .anticon{transition:color .2s}.DetailPageRightPanel_actionButton__L9iPu.DetailPageRightPanel_liked__DQPCi .anticon{color:#ff4d4f}@media(max-width:986px){.DetailPageRightPanel_rightPanel__XWF1C{gap:20px}.DetailPageRightPanel_actions__F68GQ{flex-direction:column;align-items:stretch}.DetailPageRightPanel_actions__F68GQ button{width:100%}}.ImageColorOverlay_overlayContainer__Fg9_G{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ImageColorOverlay_colorOverlay__T2Ffq{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:10;cursor:pointer;transition:transform .2s ease;pointer-events:auto}.ImageColorOverlay_colorOverlay__T2Ffq.ImageColorOverlay_selected__Rd04B{z-index:20}.ImageColorOverlay_colorCircleOverlay__iZ7bV{width:40px;height:40px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.4);border:2px solid hsla(0,0%,100%,.9);transition:transform .2s ease}.ImageColorOverlay_colorOverlay__T2Ffq.ImageColorOverlay_selected__Rd04B .ImageColorOverlay_colorCircleOverlay__iZ7bV{transform:scale(1.2);width:48px;height:48px}.ImageColorOverlay_selectedIndicator__7_Bm6{position:absolute;width:56px;height:56px;border:2px solid red;border-radius:4px;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.ImageColorOverlay_magnifier__jEAiY{position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,.5);overflow:hidden;z-index:1000;pointer-events:none}.ImageColorOverlay_magnifier__jEAiY canvas{width:100%;height:100%;display:block}.ImageColorOverlay_magnifierColor__eTbtr{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.ImageColorOverlay_magnifier__jEAiY[data-placement=bottom] .ImageColorOverlay_magnifierColor__eTbtr{bottom:auto;top:-30px}.ImageColorOverlay_magnifierHex__iiWmg{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;padding:4px 8px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2);white-space:nowrap;color:#000}.ImageColorOverlay_magnifier__jEAiY[data-placement=bottom] .ImageColorOverlay_magnifierHex__iiWmg{bottom:auto;top:-50px}