.ColorPicker_root__jSO0q{position:relative;display:inline-block}.ColorPicker_trigger__cHDnm{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:110px;transition:border-color .12s}.ColorPicker_trigger__cHDnm:hover{border-color:var(--color-text-secondary)}.ColorPicker_swatch__UvQys{width:20px;height:20px;border-radius:5px;border:.5px solid var(--color-border-tertiary);flex-shrink:0}.ColorPicker_hexLabel__Z9WnH{font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary);flex:1 1}.ColorPicker_backdrop__3l_cH{position:fixed;inset:0;z-index:9998;background:transparent}.ColorPicker_panel__fIi3c{width:248px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);padding:10px;display:flex;flex-direction:column;gap:10px}.ColorPicker_canvasWrap__YZfMc{position:relative;border-radius:8px;overflow:hidden;cursor:crosshair;flex-shrink:0;width:228px;height:144px}.ColorPicker_canvas__v0fxM{display:block;width:100%;height:100%}.ColorPicker_sbHandle__4pLd5{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none}.ColorPicker_hueRow__X8opa{display:flex;align-items:center;gap:8px}.ColorPicker_huePreview__yzotC{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);flex-shrink:0}.ColorPicker_hueTrack___Ue_a{flex:1 1;height:10px;border-radius:5px;position:relative;cursor:pointer;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}.ColorPicker_hueThumb__LiKQV{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);box-shadow:0 1px 4px rgba(0,0,0,.2);transform:translate(-50%,-50%);pointer-events:none}.ColorPicker_hexRow__VJC7v{display:flex;align-items:center;border:1px solid rgba(0,0,0,.15);border-radius:7px;overflow:hidden;background:#f8f8f8}.ColorPicker_hexHash__M9YkS{padding:0 6px 0 8px;font-family:var(--font-mono);font-size:12px;color:#888;flex-shrink:0}.ColorPicker_hexInput___aQE2{flex:1 1;border:none;background:transparent;font-family:var(--font-mono);font-size:12px;font-weight:600;color:#1a1a1a;padding:7px 8px 7px 0;outline:none;text-transform:uppercase;letter-spacing:.04em}.page_cornersGrid__Monu4{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.page_cornerInput__Dv9CI{display:flex;flex-direction:column;gap:4px}.page_tabs__qtlXi{display:flex;gap:4px;flex-wrap:wrap}.page_tabBtn__agBEf{font-size:12px;padding:5px 10px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent;cursor:pointer}.page_tabBtn__agBEf.page_active__1ojQq{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.page_checkRow__eDT6x{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.page_brShape__9Kg2W{transition:border-radius .15s,background .15s}.page_presetsRow__qjh_2{display:flex;flex-wrap:wrap;gap:6px}.page_presetBtn__wRNza{font-size:11px;padding:4px 10px}.page_checkRow__3NRf_{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.page_btnPreview__IxjAm{flex-direction:column;gap:20px;transition:background .2s}.page_previewToggle__uJVFo{font-size:11px;padding:4px 10px;border:.5px solid hsla(0,0%,50%,.4);border-radius:6px;background:transparent;cursor:pointer;color:inherit}.page_btnStates__BOtn5{display:flex;gap:32px;align-items:flex-end;flex-wrap:wrap}.page_btnState__3_Tv_{display:flex;flex-direction:column;align-items:center;gap:10px}.page_stateLabel__NRrWs{font-size:11px;color:var(--color-text-secondary)}.page_genBtn__E19RT{font-family:var(--font-sans)}.page_presetsRow__i5hfu{display:flex;flex-wrap:wrap;gap:6px}.page_presetBtn__FCo6Z{font-size:11px;padding:4px 10px}.page_layerTabs__2iFcR{display:flex;gap:4px;flex-wrap:wrap}.page_tabBtn__7ROp3{font-size:11px;padding:4px 10px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent;cursor:pointer}.page_tabBtn__7ROp3.page_active__TQh74{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.page_addBtn__sIN5_{color:var(--color-text-secondary)}.page_checkRow__1O2qn{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.page_shadowCard__Uesbf{background:var(--color-background-primary);border-radius:12px;padding:28px 32px;width:200px}.page_shadowCardTitle__7FhNf{font-size:15px;font-weight:600;margin-bottom:6px}.page_shadowCardBody__BapFC{font-size:12px;color:var(--color-text-secondary)}.page_harmonyCards__dsEgT{display:flex;flex-direction:column;gap:8px}.page_harmonyCard__4lvFp{padding:12px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:border-color .12s}.page_harmonyCard__4lvFp.page_selected__VVDAU{border:2px solid var(--color-text-primary)}.page_hcTop__hrCeE{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.page_hcName__f0HIR{font-size:12px;font-weight:500}.page_hcCircles__2PNrd{display:flex;gap:5px}.page_hcCircle__5YLvq{width:24px;height:24px;border-radius:50%;border:.5px solid var(--color-border-tertiary)}.page_hcDesc___1gUb{font-size:11px;color:var(--color-text-secondary)}.page_schemePreview__wyHD5{display:flex;flex-direction:column;width:100%;max-width:480px;border-radius:var(--border-radius-lg);overflow:hidden;gap:0}.page_schemeBar__KXddj{flex:1 1;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.page_schemeBarInfo__hkp6E{display:flex;flex-direction:column;gap:2px}.page_schemeHex__ClM5f{font-family:var(--font-mono);font-size:13px;font-weight:500}.page_schemeRgb__ZTt4p{font-size:11px;opacity:.75}.page_schemeCopy__rOsq9{font-size:11px;padding:4px 10px;background:transparent;border:.5px solid;border-radius:5px;cursor:pointer;font-family:var(--font-sans)}.page_copyAllBtn__vDz9X{margin-top:12px;align-self:stretch}.page_cpgPage__JTlQB{display:flex;flex-direction:column;width:100%;min-height:calc(100vh - var(--nav-height));background:#fff}.page_cpgToolbar__RV5xb{position:-webkit-sticky;position:sticky;top:var(--nav-height);z-index:90;height:58px;display:flex;align-items:center;gap:0;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);overflow-x:auto;overflow-y:visible;padding:0 20px;flex-shrink:0}.page_cpgTbHint__TfOra{font-size:12px;color:#999;white-space:nowrap;flex-shrink:0;padding:0 4px}.page_cpgTbHint__TfOra kbd{display:inline-block;font-size:10px;font-family:var(--font-sans);background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;padding:1px 6px;margin:0 1px;color:#555}.page_cpgTbControls__u5On2{display:flex;align-items:center;gap:6px;margin-left:auto;padding:0 12px;flex-shrink:0}.page_cpgTbBtn__m_bBN{display:flex;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#333;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:background .1s,border-color .1s}.page_cpgTbBtn__m_bBN:hover{background:#f5f5f3}.page_cpgTbBtn__m_bBN:disabled{opacity:.35;cursor:default;pointer-events:none}.page_cpgTbBtn__m_bBN.page_active__8S5pf{background:#111;color:#fff;border-color:#111}.page_cpgTbBtnIcon__3v_wY{padding:5px 8px}.page_cpgPickerBar__Z5I0j{display:flex;justify-content:center;padding:14px 20px;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0;z-index:80}.page_cpgPickerBarInner__y4nMO{display:flex;align-items:center;gap:12px}.page_cpgPickerLabel__VlLYu{font-size:12px;font-weight:600;color:#333;min-width:80px;text-transform:capitalize}.page_cpgPickerClose__eu462{padding:5px 14px;font-size:12px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#111;color:#fff;cursor:pointer;font-family:var(--font-sans)}.page_cpgPreviewWrap__JGynL{flex:1 1;display:flex;min-height:320px}.page_cpgSwatches__piN1a{display:flex;flex:1 1}.page_cpgSwatchCol__PhKyG{flex:1 1;display:flex;flex-direction:column;cursor:pointer;transition:flex .2s ease,background .25s;position:relative;overflow:hidden}.page_cpgSwatchCol__PhKyG:not(.page_isShades__T9N1A):hover{flex:1.18 1}.page_cpgSwatchCol__PhKyG.page_isShades__T9N1A{flex:1.6 1;cursor:default}.page_cpgSwatchInner__4BJ2c{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 14px 32px}.page_cpgSwatchInner__4BJ2c.page_isLight__rYIa8{color:rgba(0,0,0,.75)}.page_cpgSwatchInner__4BJ2c.page_isDark__xkn1M{color:hsla(0,0%,100%,.9)}.page_cpgSwatchActions__Q_fTc{display:flex;gap:4px;opacity:0;transition:opacity .15s}.page_cpgSwatchCol__PhKyG:hover .page_cpgSwatchActions__Q_fTc{opacity:1}.page_cpgSwatchCopyBtn__miuOw,.page_cpgSwatchLock__yQsAz{background:transparent;border:1px solid transparent;cursor:pointer;color:inherit;padding:6px;border-radius:7px;transition:background .12s;line-height:0}.page_cpgSwatchCopyBtn__miuOw:hover,.page_cpgSwatchLock__yQsAz:hover{background:hsla(0,0%,50%,.18)}.page_cpgSwatchLock__yQsAz.page_isLocked__yfytv{opacity:.85!important}.page_cpgSwatchBottom__lx1G3{text-align:center}.page_cpgSwatchRole__HlrJP{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:.5;margin-bottom:8px}.page_cpgSwatchHex__hqPfr{font-size:14px;font-weight:700;font-family:Monaco,Menlo,Courier New,monospace;letter-spacing:.04em;cursor:pointer;padding:3px 6px;border-radius:5px;transition:background .12s}.page_cpgSwatchHex__hqPfr:hover{background:hsla(0,0%,50%,.15)}.page_cpgShadesPanel__1sVIo{display:flex;flex-direction:column;flex:1 1;width:100%}.page_cpgShadeRow__NHvN7{flex:1 1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:flex .12s}.page_cpgShadeRow__NHvN7:hover{flex:1.6 1}.page_cpgShadeRow__NHvN7.page_isActive__pTAOL{flex:2 1}.page_cpgShadeRow__NHvN7.page_isActive__pTAOL:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);pointer-events:none}.page_cpgShadeHex__5wqTH{font-size:10px;font-weight:700;font-family:Monaco,Menlo,Courier New,monospace;letter-spacing:.04em;opacity:0;transition:opacity .1s}.page_cpgShadeRow__NHvN7.page_isActive__pTAOL .page_cpgShadeHex__5wqTH,.page_cpgShadeRow__NHvN7:hover .page_cpgShadeHex__5wqTH{opacity:.9}.page_cpgShadeRow__NHvN7.page_isLightShade__DYTcp .page_cpgShadeHex__5wqTH{color:rgba(0,0,0,.75)}.page_cpgShadeRow__NHvN7:not(.page_isLightShade__DYTcp) .page_cpgShadeHex__5wqTH{color:hsla(0,0%,100%,.9)}@media (max-width:640px){.page_cpgSwatches__piN1a{flex-direction:column}.page_cpgSwatchCol__PhKyG{flex:1 1;min-height:80px}.page_cpgSwatchCol__PhKyG.page_isShades__T9N1A{flex:2.5 1}}.page_cpgExportOverlay__MAQFk{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:500;display:flex;align-items:center;justify-content:center;padding:24px}.page_cpgExportModal__V_sR3{background:#fff;border-radius:16px;width:100%;max-width:580px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.2)}.page_cpgExportHead__n0IjD{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0;font-size:14px;font-weight:600;color:#111;flex-shrink:0}.page_cpgExportHead__n0IjD button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#f5f5f3;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.page_cpgExportTabs__CuEPx{display:flex;padding:12px 20px 0;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0;overflow-x:auto}.page_cpgExportTab__0Eppe{padding:6px 14px;font-size:12px;font-weight:500;border:none;border-bottom:2px solid transparent;background:transparent;color:#777;cursor:pointer;font-family:var(--font-sans);transition:color .1s,border-color .1s;margin-bottom:-1px;white-space:nowrap}.page_cpgExportTab__0Eppe.page_active__8S5pf{color:#111;border-bottom-color:#111}.page_cpgExportBody__elqto{padding:16px 20px;overflow-y:auto;flex:1 1}.page_cpgExportOptions__zHthn{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.page_cpgExportOptRow__KIkEp{display:flex;align-items:center;gap:12px;font-size:12px;color:#444}.page_cpgBtnGroup__8SVo4{display:flex;gap:4px}.page_cpgBtnGroup__8SVo4 button{padding:3px 10px;font-size:11px;font-weight:500;border:1px solid rgba(0,0,0,.12);border-radius:5px;background:#f5f5f3;color:#555;cursor:pointer;font-family:var(--font-sans);transition:background .1s}.page_cpgBtnGroup__8SVo4 button.page_active__8S5pf{background:#111;color:#fff;border-color:#111}.page_cpgToggleRow__tcL1g{display:flex;align-items:center;gap:8px;font-size:12px;color:#444;cursor:pointer}.page_cpgCode__Ct3yx{background:#f5f5f3;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:14px 16px;font-family:var(--font-mono);font-size:12px;line-height:1.9;white-space:pre;overflow-x:auto;color:#1a1a1a}.page_cpgExportCopy__1tIo_{margin:0 20px 16px;padding:9px 0;background:#111;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-sans);flex-shrink:0;width:calc(100% - 40px)}.page_cpgCustomPresets__lIeIQ{display:flex;gap:6px;margin-bottom:10px}.page_cpgPresetBtn__zwRe_{padding:4px 12px;font-size:11px;font-weight:500;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#f5f5f3;color:#444;cursor:pointer;font-family:var(--font-sans);transition:background .1s}.page_cpgPresetBtn__zwRe_:hover{background:#eee}.page_cpgCustomTextarea__LUWeD{width:100%;padding:10px 12px;font-family:var(--font-mono);font-size:12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;resize:vertical;outline:none;background:#fafafa;margin-bottom:8px;box-sizing:border-box}.page_cpgCustomHint__xbOJ4{font-size:11px;color:#999;margin-bottom:10px}.page_cpgShadesBody__US1YR{display:flex;flex-direction:column;gap:14px}.page_cpgShadesRow__ujKRa{display:flex;align-items:center;gap:10px}.page_cpgShadesLabel__Rp2C7{font-size:11px;font-weight:600;color:#555;width:80px;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em}.page_cpgShadesStrip__2M6WC{display:flex;gap:3px;flex:1 1}.page_cpgShadeChip__b5Tm3{flex:1 1;height:32px;border-radius:4px;cursor:pointer;transition:transform .12s}.page_cpgShadeChip__b5Tm3:hover{transform:scaleY(1.15)}.page_cpgGradientsGrid__RPD_9{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.page_cpgGradientCard__tId5H{border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.page_cpgGradientPreview__Lj5Bl{height:72px}.page_cpgGradientMeta__1arE0{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px;color:#444}.page_cpgGradientMeta__1arE0 button{padding:3px 8px;font-size:10px;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#f5f5f3;cursor:pointer;font-family:var(--font-sans)}.page_cpgDownloadOpts__9OTaA{display:flex;flex-direction:column;gap:10px}.page_cpgDlBtn__aWgtH{padding:10px 20px;font-size:13px;font-weight:500;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;color:#111;cursor:pointer;font-family:var(--font-sans);text-align:left;transition:background .1s}.page_cpgDlBtn__aWgtH:hover{background:#f5f5f3}.page_cpgToast__TeLSM{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;font-size:13px;padding:9px 20px;border-radius:20px;z-index:999;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.2);white-space:nowrap}.page_swapBtn__ke_qe{display:flex;align-items:center;gap:6px;align-self:flex-start}.page_ratioDisplay__rVvql{text-align:center;padding:20px 0}.page_ratioNumber__iL9Or{font-size:40px;font-weight:600;letter-spacing:-1px;line-height:1}.page_ratioLabel__69MM0{font-size:11px;color:var(--color-text-secondary);margin-top:4px}.page_badgeGrid__2kkgC{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.page_badge__gIyWv{padding:10px 12px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:2px}.page_pass__jqGRF{background:#e6f4ea}.page_fail__yBjVu{background:#fde8e8}.page_badgeLabel__WKyh1{font-size:10px;color:var(--color-text-secondary)}.page_badgeResult__UCoTK{font-size:13px;font-weight:600}.page_pass__jqGRF .page_badgeResult__UCoTK{color:#1a7a3c}.page_fail__yBjVu .page_badgeResult__UCoTK{color:#c0392b}.page_contrastPreview__OVDQu{max-width:480px;width:100%;display:flex;flex-direction:column;gap:14px}.page_cpHeading__uGACl{font-size:32px;font-weight:700;line-height:1.2}.page_cpBody__fs9rU{font-size:16px;line-height:1.6}.page_cpSmall__Zi1es{font-size:12px}.page_cpBtn__nH8qY{align-self:flex-start;font-size:13px;padding:8px 20px;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:500}.ColorVisualizerToolbar_cvt__DpCK2{position:-webkit-sticky;position:sticky;top:var(--nav-height);z-index:90;height:58px;display:flex;align-items:center;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);overflow-x:auto;padding:0 20px}.ColorVisualizerToolbar_group__2H571{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:0 16px}.ColorVisualizerToolbar_groupControls__dM_OO{gap:8px;margin-left:auto}.ColorVisualizerToolbar_groupLabel__H7hpc{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#aaa;white-space:nowrap;flex-shrink:0}.ColorVisualizerToolbar_sep__sxomK{width:1px;height:28px;background:rgba(0,0,0,.1);flex-shrink:0}.ColorVisualizerToolbar_colors__y4T4_{display:flex;gap:14px;align-items:center}.ColorVisualizerToolbar_colorItem__NgeKK{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.ColorVisualizerToolbar_itemLabel__hF4KB{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#999}.ColorVisualizerToolbar_fonts__8Vr8M{display:flex;gap:14px;align-items:flex-end}.ColorVisualizerToolbar_fontWrap__eGjdK{display:flex;flex-direction:column;gap:2px}.ColorVisualizerToolbar_fontRow__I9sZb{display:flex;align-items:center;gap:8px}.ColorVisualizerToolbar_fontInput__kIQgN{width:148px;height:30px;padding:0 9px;font-size:12px;font-family:var(--font-sans);border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#fff;color:#111;outline:none;transition:border-color .12s}.ColorVisualizerToolbar_fontInput__kIQgN:focus{border-color:rgba(0,0,0,.4)}.ColorVisualizerToolbar_fontPreview__qJQBh{font-size:18px;font-weight:600;color:#111;line-height:1;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ColorVisualizerToolbar_btn__MzOk3{font-size:12px;font-weight:500;padding:6px 13px;border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#fff;color:#111;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:background .1s}.ColorVisualizerToolbar_btn__MzOk3:hover{background:#f5f5f3}.ColorVisualizerToolbar_btnPrimary__1WpOW{background:#111;color:#fff;border-color:#111}.ColorVisualizerToolbar_btnPrimary__1WpOW:hover{background:#333;border-color:#333}.ColorVisualizerToolbar_fontLibrary__0jwVj{width:260px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.06);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.ColorVisualizerToolbar_fontLibCount__dVWN0{padding:7px 12px 6px;font-size:10px;font-weight:500;color:#aaa;border-bottom:1px solid rgba(0,0,0,.06);letter-spacing:.03em;background:#fafafa}.ColorVisualizerToolbar_fontLibList__VVgzO{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.ColorVisualizerToolbar_fontLibList__VVgzO::-webkit-scrollbar{width:4px}.ColorVisualizerToolbar_fontLibList__VVgzO::-webkit-scrollbar-track{background:transparent}.ColorVisualizerToolbar_fontLibList__VVgzO::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:2px}.ColorVisualizerToolbar_fontLibItem__PgViZ{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:44px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(0,0,0,.04)}.ColorVisualizerToolbar_fontLibItem__PgViZ:last-child{border-bottom:none}.ColorVisualizerToolbar_fontLibItem__PgViZ:hover{background:#f5f5f3}.ColorVisualizerToolbar_fontLibItem__PgViZ.ColorVisualizerToolbar_isActive__rC_TZ{background:#f0f0ff}.ColorVisualizerToolbar_fontLibName__IQ3wu{font-size:12px;font-weight:500;color:#222;line-height:1;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.ColorVisualizerToolbar_fontLibItem__PgViZ.ColorVisualizerToolbar_isActive__rC_TZ .ColorVisualizerToolbar_fontLibName__IQ3wu{color:#4f46e5}.ColorVisualizerToolbar_fontLibPreview__FybHz{font-size:20px;font-weight:500;color:#555;line-height:1;flex-shrink:0}.ColorVisualizerToolbar_fontLibItem__PgViZ:hover .ColorVisualizerToolbar_fontLibPreview__FybHz{color:#111}.ColorVisualizerMockup_cvm__Gkoh7{font-family:var(--c-font-body,var(--font-sans));min-height:100vh}.ColorVisualizerMockup_cvmBlogTitle__P7xjy,.ColorVisualizerMockup_cvmCtaH2__8znnT,.ColorVisualizerMockup_cvmFooterLogo__NE7Cw,.ColorVisualizerMockup_cvmH2__yDigl,.ColorVisualizerMockup_cvmHeroH1__iavxl,.ColorVisualizerMockup_cvmNavLogo__lGDMS,.ColorVisualizerMockup_cvmSvcTitle__D0i8M{font-family:var(--c-font-heading,var(--font-sans))}.ColorVisualizerMockup_cvmSectionInner__PfSN4{max-width:1100px;margin:0 auto;padding:88px 40px}.ColorVisualizerMockup_cvmSectionHead__s7_LA{margin-bottom:52px}.ColorVisualizerMockup_cvmEyebrow__m83mj{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.ColorVisualizerMockup_cvmH2__yDigl{font-size:38px;font-weight:700;line-height:1.18;letter-spacing:-.5px;margin-bottom:14px}.ColorVisualizerMockup_cvmSectionSub__zGqF_{font-size:15px;line-height:1.7;max-width:520px}.ColorVisualizerMockup_cvmBtnSm__VQdlF{font-size:13px;font-weight:500;padding:7px 18px;border:none;border-radius:8px;cursor:pointer;font-family:inherit;white-space:nowrap}.ColorVisualizerMockup_cvmBtnPrimary__i3vl4{font-weight:600;padding:13px 28px;border:none}.ColorVisualizerMockup_cvmBtnGhost__V1pK6,.ColorVisualizerMockup_cvmBtnPrimary__i3vl4{font-size:15px;border-radius:10px;cursor:pointer;font-family:inherit;white-space:nowrap}.ColorVisualizerMockup_cvmBtnGhost__V1pK6{font-weight:500;padding:13px 24px;background:transparent}.ColorVisualizerMockup_cvmNavInner__KpQ9r{max-width:1100px;margin:0 auto;padding:0 40px;height:64px;display:flex;align-items:center;gap:40px}.ColorVisualizerMockup_cvmNavLogo__lGDMS{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:-.3px;flex-shrink:0}.ColorVisualizerMockup_cvmLogoMark__e6IPu{width:22px;height:22px;border-radius:6px;display:inline-block;flex-shrink:0}.ColorVisualizerMockup_cvmNavLinks__XZuvt{display:flex;gap:28px;flex:1 1}.ColorVisualizerMockup_cvmNavLink__MGk_T{font-size:13.5px;font-weight:450;cursor:pointer}.ColorVisualizerMockup_cvmHeroInner__ZvQJx{max-width:1100px;margin:0 auto;padding:96px 40px 80px;display:grid;grid-template-columns:1fr .85fr;grid-gap:60px;gap:60px;align-items:center}.ColorVisualizerMockup_cvmHeroText__WgIlr{display:flex;flex-direction:column}.ColorVisualizerMockup_cvmHeroBadge__Bua8l{display:inline-flex;align-self:flex-start;font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;margin-bottom:22px}.ColorVisualizerMockup_cvmHeroH1__iavxl{font-size:58px;font-weight:800;line-height:1.06;letter-spacing:-1.5px;margin-bottom:22px}.ColorVisualizerMockup_cvmHeroSub__xON3J{font-size:16px;line-height:1.72;max-width:440px;margin-bottom:32px}.ColorVisualizerMockup_cvmHeroBtns__xPgPT{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.ColorVisualizerMockup_cvmHeroTrust__G3utZ{display:flex;gap:20px;font-size:12px}.ColorVisualizerMockup_cvmHeroVisual__wnn3_{position:relative}.ColorVisualizerMockup_cvmHeroBlob1__83QSG{position:absolute;width:280px;height:280px;border-radius:50%;top:-40px;right:-40px;filter:blur(60px);pointer-events:none}.ColorVisualizerMockup_cvmHeroBlob2__WAG1M{position:absolute;width:200px;height:200px;border-radius:50%;bottom:-20px;left:-20px;filter:blur(50px);pointer-events:none}.ColorVisualizerMockup_cvmUiCard___FtJ2{position:relative;border-radius:16px;overflow:hidden;z-index:1}.ColorVisualizerMockup_cvmUiCardHeader___wpsB{padding:14px 18px 12px;display:flex;align-items:center;gap:12px}.ColorVisualizerMockup_cvmUiDots__i_9ps{display:flex;gap:5px}.ColorVisualizerMockup_cvmUiDots__i_9ps span{width:8px;height:8px;border-radius:50%;display:block}.ColorVisualizerMockup_cvmUiCardTitle__6c3o0{font-size:12px;font-weight:500}.ColorVisualizerMockup_cvmUiStats__UYjsG{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 18px 12px}.ColorVisualizerMockup_cvmUiStat__4QD9m{text-align:center}.ColorVisualizerMockup_cvmUiStatNum__WfRKS{font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.ColorVisualizerMockup_cvmUiStatLabel__rAoGK{font-size:10px;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.ColorVisualizerMockup_cvmUiBars__FWZA1{display:flex;align-items:flex-end;gap:5px;height:72px;padding:0 18px}.ColorVisualizerMockup_cvmUiBar__RRPWu{flex:1 1;border-radius:4px 4px 0 0;min-height:10px}.ColorVisualizerMockup_cvmUiRow__RCsy4{display:flex;gap:8px;padding:12px 18px 16px}.ColorVisualizerMockup_cvmUiPill__PUCBZ{font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px}.ColorVisualizerMockup_cvmCompaniesInner__A8FmH{max-width:1100px;margin:0 auto;padding:28px 40px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.ColorVisualizerMockup_cvmCompaniesLabel__nxEQo{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;flex-shrink:0}.ColorVisualizerMockup_cvmCompaniesRow__vbT0q{display:flex;gap:36px;align-items:center;flex-wrap:wrap}.ColorVisualizerMockup_cvmCompanyName__RzB3_{font-size:15px;font-weight:600;letter-spacing:-.2px}.ColorVisualizerMockup_cvmProjectsGrid__pU8TS{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.ColorVisualizerMockup_cvmProjectCard__ujMUE{border-radius:14px;overflow:hidden;transition:transform .2s}.ColorVisualizerMockup_cvmProjectCard__ujMUE:hover{transform:translateY(-4px)}.ColorVisualizerMockup_cvmProjectImg__3NUyq{height:180px;position:relative;overflow:hidden}.ColorVisualizerMockup_cvmProjectTag__nCvNR{position:absolute;top:14px;left:14px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:20px;z-index:1}.ColorVisualizerMockup_cvmProjectBody__1bmzG{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px}.ColorVisualizerMockup_cvmProjectTitle__3iUIa{font-size:15px;font-weight:600;line-height:1.3}.ColorVisualizerMockup_cvmProjectDesc__DHX1a{font-size:13px;line-height:1.6}.ColorVisualizerMockup_cvmProjectLink__gF4al{font-size:13px;font-weight:500;margin-top:4px;cursor:pointer}.ColorVisualizerMockup_cvmSvcRow__H73Az{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center;padding:48px 0;border-top:1px solid hsla(0,0%,50%,.08)}.ColorVisualizerMockup_cvmSvcRow__H73Az:first-of-type{border-top:none;padding-top:0}.ColorVisualizerMockup_cvmSvcRowFlip__s3oLN .ColorVisualizerMockup_cvmSvcText__4J_IE{order:2}.ColorVisualizerMockup_cvmSvcRowFlip__s3oLN .ColorVisualizerMockup_cvmSvcVisual__0JL6S{order:1}.ColorVisualizerMockup_cvmSvcText__4J_IE{display:flex;flex-direction:column;gap:14px}.ColorVisualizerMockup_cvmSvcIcon__PoTEX{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.ColorVisualizerMockup_cvmSvcTitle__D0i8M{font-size:26px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.ColorVisualizerMockup_cvmSvcDesc__bU4zz{font-size:14.5px;line-height:1.75;max-width:420px}.ColorVisualizerMockup_cvmSvcTags__apOl0{display:flex;gap:8px;flex-wrap:wrap}.ColorVisualizerMockup_cvmSvcTag__MP47y{font-size:11px;font-weight:500;padding:4px 11px;border-radius:20px}.ColorVisualizerMockup_cvmSvcLink__2ywz_{font-size:14px;font-weight:500;cursor:pointer}.ColorVisualizerMockup_cvmSvcVisual__0JL6S{height:320px}.ColorVisualizerMockup_cvmSvcBg__bQuOF{width:100%;height:100%;border-radius:24px;position:relative;overflow:hidden}.ColorVisualizerMockup_cvmSvcCircleLg__ssK2P{position:absolute;width:260px;height:260px;border-radius:50%;top:-60px;right:-60px}.ColorVisualizerMockup_cvmSvcCircleSm__vEQzS{position:absolute;width:80px;height:80px;border-radius:50%;bottom:40px;left:40px}.ColorVisualizerMockup_cvmSvcRect__NP0gZ{position:absolute;width:140px;height:140px;bottom:30px;right:40px}.ColorVisualizerMockup_cvmTestiGrid__kHmOj{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.ColorVisualizerMockup_cvmTestiCard__vPY1f{border-radius:14px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:14px}.ColorVisualizerMockup_cvmTestiQuote__3WJAL{font-size:36px;line-height:1;font-family:Georgia,serif}.ColorVisualizerMockup_cvmTestiText__RUT9V{font-size:14px;line-height:1.75;flex:1 1}.ColorVisualizerMockup_cvmTestiFooter__67_yv{display:flex;align-items:center;gap:12px;margin-top:4px}.ColorVisualizerMockup_cvmTestiAvatar__NUkXm{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.ColorVisualizerMockup_cvmTestiName__O3uv6{font-size:14px;font-weight:600}.ColorVisualizerMockup_cvmTestiRole__xqL5V{font-size:12px;margin-top:1px}.ColorVisualizerMockup_cvmBlogGrid__5_q6C{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.ColorVisualizerMockup_cvmBlogCard__YVThd{border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s;cursor:pointer}.ColorVisualizerMockup_cvmBlogCard__YVThd:hover{transform:translateY(-3px)}.ColorVisualizerMockup_cvmBlogTop__ui4pL{display:flex;align-items:center;justify-content:space-between;gap:8px}.ColorVisualizerMockup_cvmBlogTag__PqVzY{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:20px}.ColorVisualizerMockup_cvmBlogDate__UZp_t{font-size:11px}.ColorVisualizerMockup_cvmBlogTitle__P7xjy{font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.2px}.ColorVisualizerMockup_cvmBlogExcerpt__rHUQK{font-size:13.5px;line-height:1.65;flex:1 1}.ColorVisualizerMockup_cvmBlogLink__4S1c0{font-size:13px;font-weight:500;cursor:pointer}.ColorVisualizerMockup_cvmCtaInner__hW_sz{max-width:720px;margin:0 auto;padding:100px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}.ColorVisualizerMockup_cvmCtaEyebrow__Tl6Yh{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.ColorVisualizerMockup_cvmCtaH2__8znnT{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:18px}.ColorVisualizerMockup_cvmCtaSub__izwmo{font-size:16px;line-height:1.65;margin-bottom:36px;max-width:440px}.ColorVisualizerMockup_cvmCtaBtn__VOXQn{font-size:15px;font-weight:600;padding:15px 36px;border:none;border-radius:12px;cursor:pointer;font-family:inherit;letter-spacing:-.1px}.ColorVisualizerMockup_cvmFooterInner__yYHWb{max-width:1100px;margin:0 auto;padding:0 40px}.ColorVisualizerMockup_cvmFooterTop__r8nln{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:40px;gap:40px;padding:64px 0 48px}.ColorVisualizerMockup_cvmFooterBrand__2V0Vy{display:flex;flex-direction:column;gap:14px}.ColorVisualizerMockup_cvmFooterLogo__NE7Cw{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:-.3px}.ColorVisualizerMockup_cvmFooterTagline__IxI6U{font-size:13px;line-height:1.65}.ColorVisualizerMockup_cvmFooterCol__f_siA{display:flex;flex-direction:column;gap:10px}.ColorVisualizerMockup_cvmFooterColH__eAvBz{font-size:13px;font-weight:600;margin-bottom:6px}.ColorVisualizerMockup_cvmFooterLink__B_N3k{font-size:13px;cursor:pointer}.ColorVisualizerMockup_cvmFooterLink__B_N3k:hover{opacity:.75}.ColorVisualizerMockup_cvmFooterBottom__quPxj{display:flex;align-items:center;justify-content:space-between;padding:20px 0 28px;font-size:12px}.ColorVisualizerMockup_cvmFooterSocials__qaPtU{display:flex;gap:20px}.ColorVisualizerMockup_cvmFooterSocial__xqcDE{font-size:12px;cursor:pointer;font-weight:500}.ColorVisualizerMockup_cvmFooterSocial__xqcDE:hover{opacity:.75}@media (max-width:900px){.ColorVisualizerMockup_cvmHeroInner__ZvQJx{grid-template-columns:1fr}.ColorVisualizerMockup_cvmHeroVisual__wnn3_{display:none}.ColorVisualizerMockup_cvmProjectsGrid__pU8TS{grid-template-columns:1fr 1fr}.ColorVisualizerMockup_cvmTestiGrid__kHmOj{grid-template-columns:1fr}.ColorVisualizerMockup_cvmBlogGrid__5_q6C{grid-template-columns:1fr 1fr}.ColorVisualizerMockup_cvmSvcRow__H73Az{grid-template-columns:1fr}.ColorVisualizerMockup_cvmSvcRowFlip__s3oLN .ColorVisualizerMockup_cvmSvcText__4J_IE{order:0}.ColorVisualizerMockup_cvmSvcVisual__0JL6S{height:200px}.ColorVisualizerMockup_cvmFooterTop__r8nln{grid-template-columns:1fr 1fr}}@media (max-width:600px){.ColorVisualizerMockup_cvmSectionInner__PfSN4{padding:60px 24px}.ColorVisualizerMockup_cvmH2__yDigl{font-size:28px}.ColorVisualizerMockup_cvmHeroH1__iavxl{font-size:40px}.ColorVisualizerMockup_cvmCtaH2__8znnT{font-size:32px}.ColorVisualizerMockup_cvmBlogGrid__5_q6C,.ColorVisualizerMockup_cvmProjectsGrid__pU8TS{grid-template-columns:1fr}}.page_ggPage__j2He8{display:flex;flex-direction:column}.page_ggTabBar__nc5dL{display:flex;gap:2px;padding:16px 24px 0;border-bottom:.5px solid var(--color-border-tertiary);background:var(--color-background-primary)}.page_ggTab__rjBWa{font-size:13px;font-weight:500;padding:8px 18px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color .12s,border-color .12s;margin-bottom:-.5px}.page_ggTab__rjBWa:hover{color:var(--color-text-primary)}.page_ggTab__rjBWa.page_active__O9bAJ{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.page_ggTool__XHYaj{min-height:380px;border-bottom:.5px solid var(--color-border-tertiary)}.page_tabs__Azw5L{display:flex;gap:4px}.page_tabBtn__zWoFp{font-size:12px;padding:5px 12px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent;cursor:pointer;transition:background .12s}.page_tabBtnActive__cpoJw{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.page_stopsBarWrap__rljvQ{padding:12px 0}.page_stopsBar__ACzcA{position:relative;height:36px;border-radius:var(--border-radius-md);cursor:crosshair;border:.5px solid var(--color-border-tertiary)}.page_stopHandle__Yck2S{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:24px;border-radius:4px;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:-webkit-grab;cursor:grab}.page_stopHandleActive__kNzVc{outline:2px solid var(--color-text-primary);outline-offset:2px}.page_stopEditor__3kTjF{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--color-background-secondary);border-radius:var(--border-radius-md)}.page_stopPosRow__tXRLF{display:flex;align-items:center;gap:8px}.page_gradientFill__J8jl2{width:100%;height:100%;min-height:380px}.page_gpBars__6PlQK{width:100%}.page_gpBar__HAB_y{display:flex;align-items:center;gap:14px;padding:10px 20px;border-bottom:.5px solid var(--color-border-tertiary)}.page_gpSwatch__Son6E{width:60px;height:36px;border-radius:6px;flex-shrink:0}.page_gpHex__IbymM{font-family:var(--font-mono);font-size:12px;font-weight:500;width:80px}.page_gpRgb__TW70j{font-size:11px;color:var(--color-text-secondary);flex:1 1}.page_gpCopy__p5uRm{padding:4px 10px;font-size:11px}.page_ggLib__UvYrc{padding:24px}.page_ggLibHead__7N57I{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.page_ggLibTitle__OjJPg{font-size:16px;font-weight:600;color:var(--color-text-primary)}.page_ggLibSearch__f9qnE{max-width:260px}.page_ggLibGrid__73kxe{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.page_ggLibCard__w4Qlq{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-background-primary);transition:transform .15s}.page_ggLibCard__w4Qlq:hover{transform:scale(1.02)}.page_ggLibPreview__ana4B{height:100px}.page_ggLibPreviewClick__V1y85{cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.page_ggLibUseHint__6FpMd{opacity:0;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.45);padding:5px 10px;border-radius:20px;letter-spacing:.02em;transition:opacity .15s;pointer-events:none;white-space:nowrap}.page_ggLibPreviewClick__V1y85:hover .page_ggLibUseHint__6FpMd{opacity:1}.page_ggLibBody__qVNvU{padding:10px 12px 12px}.page_ggLibName__2TvKY{font-size:12px;font-weight:500;margin-bottom:8px;color:var(--color-text-primary)}.page_ggLibActions__PTy9x{display:flex;gap:6px}.page_ggLibBtn__T_2wO{font-size:11px;padding:4px 10px}.page_ggLibEmpty__VMZsx{grid-column:1/-1;text-align:center;padding:48px;font-size:14px;color:var(--color-text-secondary)}@keyframes page_ggShimmer__LXBhj{0%{background-position:-400px 0}to{background-position:400px 0}}.page_ggSkelLine__IYqLI,.page_ggSkelPreview__qAKU3{background:linear-gradient(90deg,var(--color-border-tertiary) 25%,var(--color-background-secondary,#f0f0f0) 50%,var(--color-border-tertiary) 75%);background-size:800px 100%;animation:page_ggShimmer__LXBhj 1.4s linear infinite}.page_ggSkelLine__IYqLI{border-radius:4px;height:12px}.page_ggSkelLineLg__7xiQ_{width:60%}.page_ggSkelActions__TWgjl{display:flex;gap:6px;margin-top:8px}.page_ggSkelLineBtn__LWjIH{width:68px;height:26px;border-radius:6px}@media (max-width:1100px){.page_ggLibGrid__73kxe{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.page_ggLibGrid__73kxe{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.page_ggLibGrid__73kxe{grid-template-columns:1fr}}.page_layerHeader__LABDx{display:flex;align-items:center;justify-content:space-between}.page_tsPreview__kSMy0{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px}.page_tsControlsRow__fLW50{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page_active__30He1{background:var(--color-text-primary)!important;color:var(--color-background-primary)!important}.page_tsText__78XFW{font-size:64px;font-weight:700;outline:none;cursor:text;min-width:100px;text-align:center}