.ColorPicker_wrapper__JWuVR{display:flex;flex-direction:column;gap:24px}.ColorPicker_card__wtD4i{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 1px 6px rgba(0,0,0,.04)}.ColorPicker_cardTitle__1DSoU{font-size:1rem;font-weight:700;color:#111827;margin:0 0 16px}.ColorPicker_cardSubtitle___N2KA{font-size:.875rem;color:#6b7280;margin:-10px 0 20px;line-height:1.5}.ColorPicker_pickerLayout__la23x{display:grid;grid-template-columns:180px 1fr;grid-gap:20px;gap:20px;align-items:start}.ColorPicker_swatchPanel__Mrokm{display:flex;flex-direction:column;gap:10px}.ColorPicker_swatchPreview__syb4K{position:relative;height:150px;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.12)}.ColorPicker_nativePicker__So5dx{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.ColorPicker_swatchOverlay__OkBXH{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.ColorPicker_swatchHexLabel__e66Ec{font-family:Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:.05em}.ColorPicker_swatchClickHint__mvQ6h{font-size:.72rem;letter-spacing:.03em}.ColorPicker_copyMainBtn___dN1I{width:100%;padding:9px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.ColorPicker_copyMainBtn___dN1I:hover{opacity:.88}.ColorPicker_valuesPanel__zS8fc{display:flex;flex-direction:column;gap:12px}.ColorPicker_valueRow__ya0SE{display:flex;align-items:center;gap:8px}.ColorPicker_valueTag__iYxn6{font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;min-width:32px}.ColorPicker_valueInput__6zLoD{flex:1 1;padding:8px 10px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.875rem;font-family:Courier New,monospace;color:#111827;background:#fafafa;transition:border-color .15s;min-width:0;box-sizing:border-box}.ColorPicker_valueInput__6zLoD:focus{outline:none;border-color:#667eea;background:#fff}.ColorPicker_tripleInputs__X_0jF{display:flex;gap:6px;flex:1 1}.ColorPicker_tripleInputs__X_0jF .ColorPicker_valueInput__6zLoD{text-align:center;padding:8px 4px}.ColorPicker_copySmBtn___o3Tp{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:7px;background:#fff;color:#6b7280;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s;flex-shrink:0}.ColorPicker_copySmBtn___o3Tp:hover{border-color:#667eea;color:#667eea}.ColorPicker_paletteTabs__JyD_J{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.ColorPicker_paletteTab__uCn1d{padding:6px 14px;border:1.5px solid #e5e7eb;border-radius:20px;background:#fff;color:#6b7280;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ColorPicker_paletteTab__uCn1d:hover{border-color:#667eea;color:#667eea}.ColorPicker_paletteTabActive__QZQEb{border-color:#667eea;background:#667eea;color:#fff}.ColorPicker_paletteTip__Y9vG2{font-size:.825rem;color:#9ca3af;margin:0 0 18px;line-height:1.5}.ColorPicker_swatchGrid__EmFxp{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px;gap:10px}.ColorPicker_paletteSwatchBtn__55FYH{height:100px;border-radius:10px;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 6px;gap:3px;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px rgba(0,0,0,.1);position:relative}.ColorPicker_paletteSwatchBtn__55FYH:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.15)}.ColorPicker_paletteSwatchActive__HJTN3{border-color:hsla(0,0%,100%,.6);box-shadow:0 0 0 3px #667eea66}.ColorPicker_paletteSwatchHex__vq0HH{font-family:Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.03em}.ColorPicker_paletteSwatchBase__BaAE1{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.ColorPicker_contrastPickers__YVeyQ{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.ColorPicker_contrastPickerGroup__Vgb49{display:flex;flex-direction:column;gap:8px}.ColorPicker_contrastPickerLabel__oGNme{font-size:.78rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ColorPicker_contrastPickerRow__o96Sl{display:flex;align-items:center;gap:10px}.ColorPicker_contrastColorSwatch__DAaDK{display:block;width:44px;height:44px;border-radius:8px;border:2px solid #e5e7eb;cursor:pointer;overflow:hidden;position:relative;flex-shrink:0}.ColorPicker_hiddenPicker__T3Ejm{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ColorPicker_contrastHexLabel__s1XbF{font-family:Courier New,monospace;font-size:.875rem;font-weight:600;color:#374151}.ColorPicker_contrastPreview__72Pq1{padding:24px;border-radius:10px;margin-bottom:20px;border:1px solid #e5e7eb}.ColorPicker_contrastResult__6jOuw{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ColorPicker_ratioBlock__Mv_ja{display:flex;flex-direction:column;align-items:center;min-width:90px}.ColorPicker_ratioNum__nuRSQ{font-size:2rem;font-weight:800;color:#111827;line-height:1}.ColorPicker_ratioSuffix__0uWVG{font-size:1.1rem;font-weight:600;color:#6b7280}.ColorPicker_ratioName__mEipG{font-size:.75rem;color:#9ca3af;margin-top:4px;text-align:center}.ColorPicker_wcagGrid__Ux5l7{display:flex;flex-wrap:wrap;gap:8px;flex:1 1}.ColorPicker_wcagBadge__F0gpp{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1.5px solid;min-width:130px}.ColorPicker_wcagPass__f2Aiy{background:#f0fdf4;border-color:#86efac;color:#166534}.ColorPicker_wcagFail__sH3JS{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.ColorPicker_wcagIcon__lkhV6{font-size:.95rem;font-weight:700;flex-shrink:0}.ColorPicker_wcagText__Q_A4L{display:flex;flex-direction:column;gap:1px}.ColorPicker_wcagLevel__SFs8R{font-size:.8rem;font-weight:700}.ColorPicker_wcagSub__OZr51{font-size:.72rem;opacity:.8}@media (max-width:600px){.ColorPicker_pickerLayout__la23x{grid-template-columns:1fr}.ColorPicker_swatchPreview__syb4K{height:110px}.ColorPicker_tripleInputs__X_0jF{gap:4px}.ColorPicker_swatchGrid__EmFxp{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.ColorPicker_paletteSwatchBtn__55FYH{height:80px}.ColorPicker_contrastResult__6jOuw{flex-direction:column;align-items:flex-start;gap:16px}.ColorPicker_ratioBlock__Mv_ja{flex-direction:row;gap:10px;align-items:baseline;min-width:unset}.ColorPicker_ratioName__mEipG{margin-top:0;text-align:left}.ColorPicker_wcagGrid__Ux5l7{width:100%}.ColorPicker_wcagBadge__F0gpp{flex:1 1;min-width:120px}}