.ColorPalettePicker_pageWrapper__9ZDrv{min-height:100vh;background:radial-gradient(circle at top,#f4f8ff 0,#fff 45%,#f6f5ff 100%);padding:48px 0 96px}.ColorPalettePicker_hero___1bnx{max-width:960px;margin:0 auto 48px;padding:0 24px;text-align:center}.ColorPalettePicker_heroEyebrow__0JeC0{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;background:rgba(79,70,229,.08);color:#4338ca;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.ColorPalettePicker_heroTitle__5vD9_{margin:16px 0 12px;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;color:#1f2937}.ColorPalettePicker_heroSubtitle__X5IOi{font-size:1.1rem;color:#4b5563;max-width:720px;margin:0 auto 24px;line-height:1.6}.ColorPalettePicker_heroActions__byd_d{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ColorPalettePicker_heroActions__byd_d a,.ColorPalettePicker_heroActions__byd_d button{padding:12px 20px;border-radius:999px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.ColorPalettePicker_primaryButton__UzX8i{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 12px 24px rgba(79,70,229,.25)}.ColorPalettePicker_secondaryButton__ql4F7{background:rgba(79,70,229,.12);color:#4338ca}.ColorPalettePicker_heroActions__byd_d a:hover,.ColorPalettePicker_heroActions__byd_d button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(79,70,229,.2)}.ColorPalettePicker_grid__jDrlY{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.ColorPalettePicker_panel__9qqh2{background:hsla(0,0%,100%,.92);border-radius:28px;padding:28px;box-shadow:0 24px 60px rgba(15,23,42,.1);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.12)}.ColorPalettePicker_fullWidth__XX8pB{grid-column:1/-1}.ColorPalettePicker_twoThirds__nw9C6{grid-column:span 8}.ColorPalettePicker_oneThird__hMsgp{grid-column:span 4}.ColorPalettePicker_panelTitle__Xj2cr{display:flex;justify-content:space-between;align-items:center;gap:16px}.ColorPalettePicker_panelTitle__Xj2cr h2{margin:0;font-size:1.4rem;color:#1f2937}.ColorPalettePicker_panelTitle__Xj2cr span{font-size:.95rem;color:#6b7280}.ColorPalettePicker_colorInputRow__H9kUz{display:flex;gap:16px;align-items:center;margin-top:20px;flex-wrap:wrap}.ColorPalettePicker_colorPicker__R85zd{width:70px;height:70px;border-radius:18px;border:none;box-shadow:0 10px 20px rgba(15,23,42,.08);cursor:pointer}.ColorPalettePicker_hexInput__1j_jb{flex:1;min-width:200px;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.5);font-size:1rem;font-family:Inter,sans-serif}.ColorPalettePicker_addButton__rLW50{padding:12px 18px;border-radius:16px;border:none;background:#4338ca;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 24px rgba(79,70,229,.25);transition:transform .2s ease}.ColorPalettePicker_addButton__rLW50:hover{transform:translateY(-2px)}.ColorPalettePicker_paletteGrid__py_3m{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px}.ColorPalettePicker_swatchCard__ymlvo{border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.2);background:#f9fafb;display:flex;flex-direction:column}.ColorPalettePicker_swatchColor__xqRfA{height:120px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.92);font-weight:600;font-size:1.1rem}.ColorPalettePicker_swatchMeta__Fv_t_{padding:16px;display:flex;flex-direction:column;gap:10px}.ColorPalettePicker_swatchMeta__Fv_t_ button{border:none;background:rgba(79,70,229,.08);color:#4338ca;border-radius:12px;padding:10px;font-weight:600;cursor:pointer}.ColorPalettePicker_swatchMeta__Fv_t_ button:hover{background:rgba(79,70,229,.18)}.ColorPalettePicker_harmonyList__BtKK_{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:24px}.ColorPalettePicker_harmonyCard__N6N_f{border-radius:18px;background:rgba(79,70,229,.08);padding:18px;display:flex;flex-direction:column;gap:12px}.ColorPalettePicker_harmonyCard__N6N_f h3{margin:0;font-size:1rem;color:#312e81}.ColorPalettePicker_harmonyChipRow__g6JhE{display:flex;gap:8px;flex-wrap:wrap}.ColorPalettePicker_harmonyChip__94SIl{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.8);padding:8px 12px;border-radius:999px;font-size:.9rem;cursor:pointer;border:1px solid rgba(148,163,184,.3)}.ColorPalettePicker_gradientPreview__aHcbv{border-radius:22px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#fff;position:relative;overflow:hidden}.ColorPalettePicker_gradientPreview__aHcbv:after{content:"";position:absolute;inset:0;border-radius:22px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16);pointer-events:none}.ColorPalettePicker_gradientPreviewTop__jFsrm{display:flex;justify-content:space-between;align-items:center}.ColorPalettePicker_gradientPreviewLabel__180l6{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.ColorPalettePicker_gradientPreview__aHcbv h3{margin:8px 0;font-size:2rem}.ColorPalettePicker_gradientPreview__aHcbv p{max-width:420px;line-height:1.5}.ColorPalettePicker_gradientControls__NVaZb{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:24px}.ColorPalettePicker_controlGroup__2klGA{display:flex;flex-direction:column;gap:8px}.ColorPalettePicker_select__Mp5GF,.ColorPalettePicker_shareInput__iRvZJ,.ColorPalettePicker_slider__J5JNK,.ColorPalettePicker_textArea__l3JCk{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.4);padding:12px;font-size:.95rem;font-family:Inter,sans-serif}.ColorPalettePicker_slider__J5JNK{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:rgba(148,163,184,.3);border-radius:999px}.ColorPalettePicker_slider__J5JNK::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4338ca;cursor:pointer}.ColorPalettePicker_copyButton__T6j3n{border:none;border-radius:12px;background:#4338ca;color:#fff;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease}.ColorPalettePicker_copyButton__T6j3n:hover{transform:translateY(-1px)}.ColorPalettePicker_textArea__l3JCk{min-height:120px;resize:vertical}.ColorPalettePicker_shareRow__4G8Md{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.ColorPalettePicker_shareInput__iRvZJ{flex:1;min-width:220px;background:hsla(0,0%,100%,.8)}.ColorPalettePicker_tagList__Srjox{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ColorPalettePicker_tag__V__DB{padding:6px 12px;border-radius:999px;font-size:.85rem;color:#4338ca;background:rgba(79,70,229,.1)}.ColorPalettePicker_paletteStrip__412iP{display:flex;width:100%;height:14px;border-radius:999px;overflow:hidden;margin-top:12px}.ColorPalettePicker_paletteStrip__412iP span{flex:1}.ColorPalettePicker_trendingList__djH83{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.ColorPalettePicker_trendingCard__MYmVi{border-radius:18px;padding:18px;border:1px solid rgba(148,163,184,.2);background:hsla(0,0%,100%,.8);display:flex;flex-direction:column;gap:12px}.ColorPalettePicker_trendingHeader__6VXp5{display:flex;justify-content:space-between;align-items:center}.ColorPalettePicker_applyButton__gIWTN{border:none;padding:8px 14px;border-radius:999px;background:rgba(79,70,229,.12);color:#4338ca;font-weight:600;cursor:pointer}.ColorPalettePicker_applyButton__gIWTN:hover{background:rgba(79,70,229,.22)}.ColorPalettePicker_feedbackNote__K8N5g{font-size:.9rem;color:#6b7280;margin-top:12px}.ColorPalettePicker_toast__oSFYM{position:fixed;bottom:32px;right:32px;background:#4338ca;color:#fff;padding:16px 22px;border-radius:16px;box-shadow:0 20px 50px rgba(79,70,229,.35);font-weight:600;z-index:50}@media (max-width:1024px){.ColorPalettePicker_oneThird__hMsgp,.ColorPalettePicker_twoThirds__nw9C6{grid-column:1/-1}}@media (max-width:768px){.ColorPalettePicker_heroTitle__5vD9_{font-size:2.2rem}.ColorPalettePicker_panel__9qqh2{padding:22px}.ColorPalettePicker_swatchColor__xqRfA{height:100px}}@media (max-width:540px){.ColorPalettePicker_hero___1bnx{padding:0 16px}.ColorPalettePicker_grid__jDrlY{padding:0 16px;gap:18px}.ColorPalettePicker_heroActions__byd_d{flex-direction:column}.ColorPalettePicker_colorInputRow__H9kUz{flex-direction:column;align-items:stretch}.ColorPalettePicker_colorPicker__R85zd{width:100%;height:60px}}