.ColorPicker_container__el54D{width:100%;max-width:1400px;margin:0 auto}.ColorPicker_container-wide__ybNXG{width:100%;max-width:1600px;margin:0 auto}.ColorPicker_container-narrow___GAiH,.ColorPicker_container__el54D{width:100%;max-width:90rem;margin:0 auto}.ColorPicker_glass-card-frosted__tAg4m,.ColorPicker_glass-card__FBkV1{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.ColorPicker_glass-card-frosted__tAg4m{backdrop-filter:blur(10px)}.ColorPicker_section-title__RMYXk{font-size:1.125rem;margin:0 0 1.25rem}.ColorPicker_section-title-sm__3vnzV,.ColorPicker_section-title__RMYXk{font-weight:600;color:var(--text-primary);font-family:Michroma,Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif}.ColorPicker_section-title-sm__3vnzV{font-size:1rem;margin:0 0 1rem}.ColorPicker_input-field__CvpYM{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--text-primary);font-size:1rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;transition:all .2s ease}.ColorPicker_input-field__CvpYM:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus)}.ColorPicker_input-field__CvpYM::placeholder{color:var(--text-muted)}.ColorPicker_input-field__CvpYM::-webkit-inner-spin-button,.ColorPicker_input-field__CvpYM::-webkit-outer-spin-button{opacity:1}.ColorPicker_input-label__4fuh9{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.ColorPicker_slider__xa_t5{width:100%;height:6px;border-radius:3px;background:var(--input-bg);appearance:none;cursor:pointer;outline:none}.ColorPicker_slider__xa_t5::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-white);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .2s ease}.ColorPicker_slider__xa_t5::-webkit-slider-thumb:hover{transform:scale(1.1)}.ColorPicker_slider__xa_t5::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--color-white);border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-md)}.ColorPicker_slider-header__wSn1v{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ColorPicker_slider-label__BPMhz{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.ColorPicker_slider-value__LxvxT{font-size:.875rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;color:var(--text-primary)}.ColorPicker_color-input__OQ9vi{width:48px;height:48px;padding:0;border:2px solid var(--border-medium);border-radius:.5rem;cursor:pointer;background:rgba(0,0,0,0);transition:all .2s ease}.ColorPicker_color-input__OQ9vi::-webkit-color-swatch-wrapper{padding:0}.ColorPicker_color-input__OQ9vi::-webkit-color-swatch{border:none;border-radius:calc(.5rem - 2px)}.ColorPicker_color-input__OQ9vi:hover{border-color:var(--border-strong);transform:scale(1.05)}.ColorPicker_color-input__OQ9vi:focus{outline:none;border-color:var(--input-border-focus)}.ColorPicker_color-input-sm__4p2C5{width:32px;height:32px;border-width:1px}.ColorPicker_info-grid__esvit{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.ColorPicker_info-grid__esvit{grid-template-columns:1fr}}.ColorPicker_info-item__Qo3u_{padding:1rem;background:var(--input-bg);border-radius:.5rem;border:1px solid var(--border-subtle)}.ColorPicker_info-subtitle__BuoIy{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.ColorPicker_info-text__UmDVG{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.ColorPicker_info-text__UmDVG code{padding:.125rem .375rem;background:var(--bg-glass);border-radius:.375rem;font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.8rem;color:var(--text-code)}.ColorPicker_grid-2col__F4DOG{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:1024px){.ColorPicker_grid-2col__F4DOG{grid-template-columns:1fr}}.ColorPicker_grid-2col-768__Ix9Dq{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.ColorPicker_grid-2col-768__Ix9Dq{grid-template-columns:1fr}}.ColorPicker_copy-btn__nUuwD,.ColorPicker_copyBtn__D_cCu{padding:.5rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ColorPicker_copy-btn__nUuwD:hover,.ColorPicker_copyBtn__D_cCu:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.ColorPicker_copied__v1TwJ.ColorPicker_copyBtn__D_cCu,.ColorPicker_copy-btn__nUuwD.ColorPicker_copied__v1TwJ{color:oklch(.7 .18 145)}.ColorPicker_copy-icon__AjChz,.ColorPicker_copyIcon__bGPim{width:1rem;height:1rem}.ColorPicker_grid__uDo3w{display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.ColorPicker_grid__uDo3w{grid-template-columns:repeat(1,1fr)}}@media(min-width:1024px){.ColorPicker_grid__uDo3w{grid-template-columns:repeat(2,1fr)}}.ColorPicker_glassCard__zAuUM{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:1rem;padding:2rem}.ColorPicker_colorPreview__uPSBV{background-image:linear-gradient(45deg,#808080 25%,transparent 0),linear-gradient(-45deg,#808080 25%,transparent 0),linear-gradient(45deg,transparent 75%,#808080 0),linear-gradient(-45deg,transparent 75%,#808080 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#404040}.ColorPicker_hexDisplay__w1DkU{background:var(--bg-overlay-dark);padding:.5rem 1rem;backdrop-filter:blur(4px);transition:background .2s ease}.ColorPicker_hexDisplay__w1DkU p{color:var(--text-primary)}.ColorPicker_hexCopied__xzm8C{background:rgba(34,197,94,.5)!important}.ColorPicker_btnRandom__tnvGp{padding:.625rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;border:1px solid rgba(0,0,0,0)}.ColorPicker_btnRandom__tnvGp:disabled{opacity:.5;cursor:not-allowed}.ColorPicker_btnRandom__tnvGp{background:var(--bg-glass);border-color:var(--border-subtle);font-weight:500}.ColorPicker_btnRandom__tnvGp:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-medium)}.ColorPicker_btnRandom__tnvGp{background:var(--bg-overlay-dark);padding:.5rem 1rem;color:var(--text-primary);backdrop-filter:blur(4px)}.ColorPicker_btnSecondary__fqatF{padding:.625rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;border:1px solid rgba(0,0,0,0)}.ColorPicker_btnSecondary__fqatF:disabled{opacity:.5;cursor:not-allowed}.ColorPicker_btnSecondary__fqatF{background:var(--bg-glass);border-color:var(--border-medium);color:var(--text-primary)}.ColorPicker_btnSecondary__fqatF:hover{background:var(--bg-glass-hover)}.ColorPicker_sectionTitle__lqjSq{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:1.5rem;font-family:Michroma,Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif}.ColorPicker_sliderGroup__pTpCW{margin-bottom:1.5rem}.ColorPicker_sliderGroup__pTpCW:last-child{margin-bottom:0}.ColorPicker_label__fdYoK{color:var(--text-secondary)}.ColorPicker_valueDisplay__eGF7x{color:var(--text-primary)}.ColorPicker_slider__xa_t5{background:rgba(0,0,0,0)}.ColorPicker_inputField__28IV0{width:100%;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--text-primary);font-family:Geist Sans,Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;font-size:1rem;transition:background .2s ease-in-out,border-color .2s ease-in-out}.ColorPicker_inputField__28IV0:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus)}.ColorPicker_inputField__28IV0::placeholder{color:var(--text-muted)}.ColorPicker_inputHint__qOwiR{color:var(--text-muted)}.ColorPicker_formatItem__NvMnq{background:var(--bg-overlay-light)}.ColorPicker_formatItem__NvMnq:last-child{margin-bottom:0}.ColorPicker_formatLabel__Q_eSc{color:var(--text-tertiary);letter-spacing:.5px}.ColorPicker_formatValue__c3yjE{color:var(--text-code);background:var(--input-bg)}.ColorPicker_contrastCheckerContent__TX8ZH{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:1rem;padding:2rem}.ColorPicker_contrastBoxes__gBc5a{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.ColorPicker_contrastBoxes__gBc5a{grid-template-columns:1fr}}.ColorPicker_customContrastChecker__PFRYT{border-top:1px solid var(--border-subtle)}.ColorPicker_subsectionTitle__dFhCf{color:var(--text-secondary);margin:0}.ColorPicker_wcagInfo___Mj2Q{border-top:1px solid var(--border-subtle)}.ColorPicker_contrastBox__4m0Vg.ColorPicker_white__Dzmew{background:#fff;color:#000}.ColorPicker_contrastBox__4m0Vg.ColorPicker_black__FX_zJ{background:#000;color:#fff}.ColorPicker_wcagBadge__y_kCD.ColorPicker_aaa__jQytd{background:oklch(.7 .18 145)}.ColorPicker_wcagBadge__y_kCD.ColorPicker_aa__20Yjt{background:oklch(.75 .15 85)}.ColorPicker_wcagBadge__y_kCD.ColorPicker_aaLarge__diIWm{background:oklch(.85 .18 85)}.ColorPicker_wcagBadge__y_kCD.ColorPicker_fail__3AfmW{background:oklch(.65 .2 25)}.ColorPicker_savedColorsHeader__WbhHb .ColorPicker_sectionTitle__lqjSq{margin:0}.ColorPicker_clearBtn__OaQ_W{padding:.625rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;border:1px solid rgba(0,0,0,0)}.ColorPicker_clearBtn__OaQ_W:disabled{opacity:.5;cursor:not-allowed}.ColorPicker_clearBtn__OaQ_W{background:var(--bg-glass);border-color:var(--border-medium);color:var(--text-primary)}.ColorPicker_clearBtn__OaQ_W:hover{background:var(--bg-glass-hover)}.ColorPicker_clearBtn__OaQ_W{padding:.5rem .75rem;border-color:var(--border-subtle);border-radius:.375rem;color:var(--text-muted);font-size:.8rem;gap:.375rem}.ColorPicker_clearBtn__OaQ_W:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.ColorPicker_savedColorsGrid__QCSbk{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}@media(min-width:640px){.ColorPicker_savedColorsGrid__QCSbk{grid-template-columns:repeat(12,1fr)}}@media(min-width:768px){.ColorPicker_savedColorsGrid__QCSbk{grid-template-columns:repeat(16,1fr)}}.ColorPicker_colorSwatch__mhnRU{border:2px solid rgba(0,0,0,0);transition:all .2s ease-in-out}.ColorPicker_colorSwatch__mhnRU:hover{border-color:#6366f1;transform:scale(1.1)}.ColorPicker_accessibilityToggle__HwrJ8{border-top:1px solid var(--border-subtle)}.ColorPicker_toggleLabel__NDtvT{color:var(--text-secondary)}.ColorPicker_toggleBtn__X33I4{padding:.5rem 1rem;background:var(--input-bg);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease-in-out}.ColorPicker_toggleBtn__X33I4:hover{background:var(--bg-glass-hover);color:var(--text-secondary)}.ColorPicker_toggleBtn__X33I4.ColorPicker_active__fhwG_{background:oklch(.919 .196 131.1/.5);border-color:oklch(.919 .196 131.1);color:var(--text-primary)}.ColorPicker_contrastInputs__YnefG{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.ColorPicker_contrastInputs__YnefG{grid-template-columns:1fr}}.ColorPicker_contrastLabel__apuFN{color:var(--text-secondary)}.ColorPicker_colorInput__6_Cu3{width:48px;height:48px;border:2px solid var(--border-medium);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.ColorPicker_colorInput__6_Cu3:hover{border-color:var(--border-strong);transform:scale(1.05)}.ColorPicker_hexInputSmall__mup4V{padding:.5rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);transition:all .2s ease-in-out}.ColorPicker_hexInputSmall__mup4V:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus)}.ColorPicker_syncBtn__GO7Qc{padding:.5rem 1rem;background:oklch(.919 .196 131.1/.5);border:1px solid oklch(.919 .196 131.1);color:var(--text-primary);cursor:pointer;transition:all .2s ease-in-out}.ColorPicker_syncBtn__GO7Qc:hover{background:oklch(.55 .196 311.1/.2);border-color:oklch(.55 .196 311.1/.5)}.ColorPicker_contrastPreview__ZAgbQ{border:2px solid var(--border-subtle);transition:all .3s ease}.ColorPicker_contrastRatioDisplay__Qd0Tx{background:oklch(.55 .196 311.1/.2);border:1px solid oklch(.55 .196 311.1/.5)}.ColorPicker_ratioValue__WTr_W{color:var(--text-primary)}.ColorPicker_ratioLabel__6jcl_{color:var(--text-tertiary)}.ColorPicker_wcagCards__ksgvG{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.ColorPicker_wcagCards__ksgvG{grid-template-columns:1fr}}.ColorPicker_wcagCard__8yp97{backdrop-filter:blur(10px)}.ColorPicker_wcagPass__LhqNy{background:rgba(76,175,80,.15);border:2px solid rgba(76,175,80,.4)}.ColorPicker_wcagPass__LhqNy:hover{background:rgba(76,175,80,.2);border-color:rgba(76,175,80,.6)}.ColorPicker_wcagPass__LhqNy .ColorPicker_wcagCardStatus__1sDFF{color:#4caf50}.ColorPicker_wcagFail__gJrrI{background:rgba(244,67,54,.15);border:2px solid rgba(244,67,54,.4)}.ColorPicker_wcagFail__gJrrI:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.6)}.ColorPicker_wcagFail__gJrrI .ColorPicker_wcagCardStatus__1sDFF{color:#f44336}.ColorPicker_wcagCardLevel__RaoPw{color:var(--text-primary)}.ColorPicker_wcagCardRatio__3AMoQ{color:var(--text-tertiary)}.ColorPicker_infoGrid__q4S7K{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:640px){.ColorPicker_infoGrid__q4S7K{grid-template-columns:1fr}}.ColorPicker_infoSubtitle__z3KK4{color:var(--text-secondary);margin:0}.ColorPicker_infoList__EhGWR{list-style:none;padding:0;margin:0}.ColorPicker_infoList__EhGWR li{font-size:12px;color:var(--text-tertiary);margin-bottom:.25rem;padding-left:1rem;position:relative}.ColorPicker_infoList__EhGWR li:before{content:"•";position:absolute;left:0;color:var(--text-muted)}.ColorPicker_noteBox__Opr8U{background:oklch(.55 .196 311.1/.2);border:1px solid oklch(.55 .196 311.1/.5)}.ColorPicker_noteBox__Opr8U p{color:oklch(.55 .196 311.1)}