.ColorTools_container__i83Ca{color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ColorTools_header__UYyir{text-align:center;margin-bottom:48px}.ColorTools_title__MItL2{font-size:36px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#ffcf98,#ff9a76);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ColorTools_subtitle__HsRMo{font-size:16px;color:#888;margin:0}.ColorTools_card__CG7R0{background:#141414;border-radius:16px;padding:32px;margin-bottom:32px;border:1px solid #222}.ColorTools_inputGroup__ZpKut{margin-bottom:32px}.ColorTools_label__8fTv9{display:block;font-size:14px;font-weight:600;margin-bottom:12px;color:#aaa}.ColorTools_colorInputWrapper__GGrBO{display:flex;gap:12px;align-items:center}.ColorTools_colorPicker___oASh{width:64px;height:64px;border:2px solid #222;border-radius:12px;cursor:pointer;background:transparent}.ColorTools_textInput__seatV{flex:1;padding:16px 20px;background:#0a0a0a;border:1px solid #222;border-radius:12px;color:#e5e5e5;font-size:16px;font-family:monospace;outline:none;transition:border-color .2s}.ColorTools_textInput__seatV:focus{border-color:#ffcf98}.ColorTools_sliderGroup__Xaoit{margin-bottom:32px}.ColorTools_sliderHeader__IAph9{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ColorTools_sliderLabel__Enxrm{font-size:14px;font-weight:600;color:#aaa}.ColorTools_sliderValue__oDP6C{font-size:18px;font-weight:700;color:#ffcf98;min-width:50px;text-align:right}.ColorTools_slider__dVs87{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.ColorTools_slider__dVs87::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffcf98;cursor:pointer;box-shadow:0 2px 8px rgba(255,207,152,.3)}.ColorTools_slider__dVs87::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffcf98;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(255,207,152,.3)}.ColorTools_comparisonGrid__3qnxp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.ColorTools_colorBox__L0rYw{background:#0a0a0a;border-radius:12px;padding:24px;border:1px solid #222}.ColorTools_colorBoxTitle__d2NMK{font-size:12px;font-weight:600;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.ColorTools_colorPreview__Q7J5q{width:100%;height:120px;border-radius:8px;margin-bottom:12px;border:2px solid #222}.ColorTools_colorBoxFooter__S5ub2{display:flex;justify-content:space-between;align-items:center}.ColorTools_colorValue__ZAEpl{font-size:14px}.ColorTools_copyButton__qYe_v{background:#222;color:#e5e5e5;border:none;border-radius:6px;padding:8px 12px;font-size:12px;cursor:pointer;font-weight:600;transition:all .2s}.ColorTools_copyButton__qYe_v:hover{background:#2a2a2a}.ColorTools_copyButton__qYe_v.ColorTools_copied__Pq4Ks{background:#ffcf98;color:#0a0a0a}.ColorTools_copyButtonLarge__86_2S{width:100%;padding:12px;background:#222;color:#e5e5e5;border:none;border-radius:8px;font-size:13px;cursor:pointer;font-weight:600;transition:all .2s;margin-top:12px}.ColorTools_copyButtonLarge__86_2S:hover{background:#2a2a2a}.ColorTools_copyButtonLarge__86_2S.ColorTools_copied__Pq4Ks{background:#ffcf98;color:#0a0a0a}.ColorTools_formatSelector__1xtad{display:flex;gap:8px;flex-wrap:wrap}.ColorTools_formatButton__6CYxf{padding:10px 16px;background:#222;color:#e5e5e5;border:1px solid #222;border-radius:8px;font-size:13px;cursor:pointer;font-weight:600;transition:all .2s}.ColorTools_formatButton__6CYxf:hover{background:#2a2a2a;border-color:#333}.ColorTools_formatButtonActive__DUPWU{background:#ffcf98;color:#0a0a0a;border-color:#ffcf98}.ColorTools_colorFormats__9wp7D{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ColorTools_colorFormatItem__l1vHR{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#141414;border-radius:6px;border:1px solid #222}.ColorTools_colorFormatLabel__QKYJI{font-size:11px;font-weight:700;color:#ffcf98;text-transform:uppercase;letter-spacing:.5px;min-width:40px}.ColorTools_colorValue__ZAEpl{font-family:monospace;font-size:12px;color:#e5e5e5;text-align:right}.ColorTools_buttonGroup__mNAvw{display:flex;gap:12px}.ColorTools_button__M6q19{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.ColorTools_buttonSecondary__ejSVR{background:#222;color:#e5e5e5}.ColorTools_buttonSecondary__ejSVR:hover{background:#2a2a2a}.ColorTools_buttonPrimary__K9g_I{background:#ffcf98;color:#0a0a0a}.ColorTools_buttonPrimary__K9g_I:hover{background:#ffd7a8}.ColorTools_savedColorsSection___uUvV{background:#141414;border-radius:16px;padding:32px;border:1px solid #222}.ColorTools_savedColorsTitle__K4UnM{font-size:20px;font-weight:700;margin:0 0 20px;color:#e5e5e5}.ColorTools_savedColorsGrid__Gsphm{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.ColorTools_savedColorCard__e4L1B{background:#0a0a0a;border-radius:12px;padding:12px;border:1px solid #222}.ColorTools_savedColorPreview__yv09n{width:100%;height:80px;border-radius:8px;margin-bottom:8px;border:2px solid #222}.ColorTools_savedColorValue__yxAlz{font-family:monospace;font-size:11px;color:#888;margin-bottom:8px;text-align:center}.ColorTools_removeButton__FbODl{width:100%;padding:6px;background:#222;color:#e5e5e5;border:none;border-radius:6px;font-size:11px;cursor:pointer;font-weight:600;transition:all .2s}.ColorTools_removeButton__FbODl:hover{background:#2a2a2a}