.ColorPicker_wrap__s61IG{width:100%}.ColorPicker_layout__F4Zxf{display:grid;grid-template-columns:360px 1fr;gap:1rem;align-items:start}@media (max-width:860px){.ColorPicker_layout__F4Zxf{grid-template-columns:1fr}}.ColorPicker_leftCol__spcLm,.ColorPicker_rightCol__hlqHO{display:flex;flex-direction:column;gap:1rem}.ColorPicker_exportCard___AWyx,.ColorPicker_formatsCard__nQ7q5,.ColorPicker_harmonyCard__WIxTe,.ColorPicker_pickerCard__Awljj,.ColorPicker_recentCard__cUvmv,.ColorPicker_shadesCard__jkgwt,.ColorPicker_twCard__2ObEu{border-radius:1.25rem;padding:1.25rem}.ColorPicker_cardTitle__kpG7N{font-family:var(--font-outfit);font-size:.95rem;font-weight:700;color:var(--foreground);margin-bottom:.875rem}.ColorPicker_bigSwatch__o7fRL{width:100%;height:120px;border-radius:.875rem;border:none;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;padding:.5rem .75rem;transition:opacity .15s}.ColorPicker_bigSwatch__o7fRL:hover .ColorPicker_swatchHint__QyPxr{opacity:1}.ColorPicker_hiddenPicker__668Mu{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none}.ColorPicker_swatchHint__QyPxr{font-size:.72rem;font-weight:600;opacity:0;transition:opacity .2s}.ColorPicker_hexRow__f_rTZ{display:flex;gap:.5rem;margin-top:.75rem}.ColorPicker_hexInput__MZOZe{flex:1;background:rgba(255,255,255,.04);border:1.5px solid var(--glass-border);border-radius:.5rem;padding:.6rem .75rem;font-size:.925rem;color:var(--foreground);font-family:monospace;outline:none;transition:border-color .15s}.ColorPicker_hexInput__MZOZe:focus{border-color:var(--accent)}.ColorPicker_alphaRow__NTpgi{display:flex;align-items:center;gap:.625rem;margin-top:.5rem}.ColorPicker_sliderLabel__JdzEx{font-size:.72rem;color:var(--text-dim);white-space:nowrap}.ColorPicker_alphaSlider__fWUV0{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:5px;cursor:pointer;background:linear-gradient(to right,var(--color,var(--accent)) var(--pct,50%),rgba(255,255,255,.1) var(--pct,50%))}.ColorPicker_alphaSlider__fWUV0::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:white;border:2px solid var(--accent);cursor:pointer}.ColorPicker_alphaVal__XaoxU{font-size:.75rem;color:var(--text-dim);min-width:32px;text-align:right}.ColorPicker_wcagRow__3qaug{display:flex;align-items:center;gap:.5rem;margin-top:.625rem;flex-wrap:wrap}.ColorPicker_wcagSample__zXIA1{width:30px;height:30px;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.ColorPicker_wcagBadge__hxxno{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:2rem}.ColorPicker_wcagPass__VffgZ{background:rgba(74,222,128,.15);color:#4ade80}.ColorPicker_wcagFail__GRcNY{background:rgba(248,113,113,.15);color:#f87171}.ColorPicker_fmtRow__cVLXj{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.ColorPicker_fmtRow__cVLXj:last-child{border-bottom:none}.ColorPicker_fmtLabel__NFbpj{font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;width:44px;flex-shrink:0}.ColorPicker_fmtValue__EcPIs{flex:1;font-family:monospace;font-size:.8rem;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ColorPicker_twRow__reMwO{display:flex;align-items:center;gap:.75rem}.ColorPicker_twSwatch__Led2J{width:36px;height:36px;border-radius:.5rem;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.ColorPicker_twInfo__R5ucV{flex:1;display:flex;flex-direction:column;gap:.15rem}.ColorPicker_twInfo__R5ucV code{font-size:.875rem;color:var(--foreground);font-family:monospace}.ColorPicker_twInfo__R5ucV span{font-size:.7rem;color:var(--text-dim)}.ColorPicker_shadesRow__YGG_C{display:flex;gap:3px}.ColorPicker_shadeBtn__7VS5U{flex:1;height:40px;border:none;cursor:pointer;border-radius:.25rem;transition:transform .15s}.ColorPicker_shadeBtn__7VS5U:hover{transform:scaleY(1.15)}.ColorPicker_shadeLabels__G_rJr{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-dim);margin-top:.25rem}.ColorPicker_harmonyHead__DNc56{display:flex;justify-content:space-between;align-items:center}.ColorPicker_harmonyTabs__Goa6R{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.875rem}.ColorPicker_hTab__EXpuX{padding:.3rem .65rem;border-radius:2rem;border:1px solid var(--glass-border);background:none;color:var(--text-dim);font-size:.72rem;cursor:pointer;transition:all .15s;font-family:var(--font-inter)}.ColorPicker_hTab__EXpuX:hover{color:var(--foreground)}.ColorPicker_hTabActive__EgeRy{background:var(--accent-glow)!important;border-color:rgba(109,93,252,.4)!important;color:var(--accent)!important}.ColorPicker_harmonyPalette__GMON0{display:flex;flex-direction:column;gap:.4rem}.ColorPicker_paletteItem__axsxf{display:flex;align-items:center;gap:.625rem}.ColorPicker_paletteSwatch__AUcOc{width:36px;height:36px;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;flex-shrink:0;transition:transform .15s}.ColorPicker_paletteSwatch__AUcOc:hover{transform:scale(1.1)}.ColorPicker_paletteHex__Ij0zy{font-family:monospace;font-size:.8rem;color:var(--foreground);flex:1}.ColorPicker_exportHead__Q5PyW{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.ColorPicker_exportTabs__mcNbe{display:flex;gap:.3rem}.ColorPicker_eTab__konEm{padding:.25rem .6rem;border-radius:.375rem;border:1px solid var(--glass-border);background:none;color:var(--text-dim);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--font-inter)}.ColorPicker_eTabActive__JSZn0{background:var(--accent-glow)!important;border-color:rgba(109,93,252,.4)!important;color:var(--accent)!important}.ColorPicker_exportCode__o5Jjm{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);border-radius:.5rem;padding:.75rem;font-size:.78rem;font-family:monospace;color:#a5b4fc;white-space:pre-wrap;line-height:1.6;margin:0}.ColorPicker_exportCopy__uFhi0{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.4rem .875rem;border-radius:.4rem;border:1px solid rgba(109,93,252,.3);background:rgba(109,93,252,.08);color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-inter)}.ColorPicker_recentRow__x5fAj{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.ColorPicker_recentSwatch__y24Hr{width:28px;height:28px;border-radius:.375rem;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .15s}.ColorPicker_recentSwatch__y24Hr:hover{transform:scale(1.15)}.ColorPicker_clearRecent__wTRBT{background:none;border:1px solid var(--glass-border);border-radius:.375rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);transition:color .15s}.ColorPicker_clearRecent__wTRBT:hover{color:var(--foreground)}.ColorPicker_cpBtn__igoIt{background:none;border:1px solid var(--glass-border);border-radius:.375rem;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;font-size:.72rem;transition:all .15s;font-family:var(--font-inter);white-space:nowrap;flex-shrink:0}.ColorPicker_cpBtn__igoIt:hover{color:var(--foreground)}.ColorPicker_cpDone__hlQ_M{border-color:#4ade80!important;color:#4ade80!important;background:rgba(74,222,128,.08)!important}