.ColorTools_container__5Pozd{color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ColorTools_header__0E1zW{text-align:center;margin-bottom:48px}.ColorTools_title__UlBHh{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__eq8Mu{font-size:16px;color:#888;margin:0}.ColorTools_card__uPq49{background:#141414;border-radius:16px;padding:32px;margin-bottom:32px;border:1px solid #222}.ColorTools_inputGroup__lrzqd{margin-bottom:32px}.ColorTools_label__tBHyd{display:block;font-size:14px;font-weight:600;margin-bottom:12px;color:#aaa}.ColorTools_colorInputWrapper__26BLX{display:flex;gap:12px;align-items:center}.ColorTools_colorPicker__Z6zgx{width:64px;height:64px;border:2px solid #222;border-radius:12px;cursor:pointer;background:transparent}.ColorTools_textInput__fkQW5{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__fkQW5:focus{border-color:#ffcf98}.ColorTools_sliderGroup__9_iHX{margin-bottom:32px}.ColorTools_sliderHeader__M2hjS{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ColorTools_sliderLabel__pmS7s{font-size:14px;font-weight:600;color:#aaa}.ColorTools_sliderValue__pxR9Z{font-size:18px;font-weight:700;color:#ffcf98;min-width:50px;text-align:right}.ColorTools_slider__40YVI{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.ColorTools_slider__40YVI::-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__40YVI::-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__nhkGo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.ColorTools_colorBox__525n3{background:#0a0a0a;border-radius:12px;padding:24px;border:1px solid #222}.ColorTools_colorBoxTitle__8bioH{font-size:12px;font-weight:600;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.ColorTools_colorPreview__f6Dj1{width:100%;height:120px;border-radius:8px;margin-bottom:12px;border:2px solid #222}.ColorTools_colorBoxFooter__3ZDeu{display:flex;justify-content:space-between;align-items:center}.ColorTools_colorValue__shM62{font-size:14px}.ColorTools_copyButton__e1rsV{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__e1rsV:hover{background:#2a2a2a}.ColorTools_copyButton__e1rsV.ColorTools_copied__CHbeQ{background:#ffcf98;color:#0a0a0a}.ColorTools_copyButtonLarge__7qvfO{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__7qvfO:hover{background:#2a2a2a}.ColorTools_copyButtonLarge__7qvfO.ColorTools_copied__CHbeQ{background:#ffcf98;color:#0a0a0a}.ColorTools_formatSelector__vKN0D{display:flex;gap:8px;flex-wrap:wrap}.ColorTools_formatButton__WjYe1{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__WjYe1:hover{background:#2a2a2a;border-color:#333}.ColorTools_formatButtonActive__sDHIO{background:#ffcf98;color:#0a0a0a;border-color:#ffcf98}.ColorTools_colorFormats__8Nv7V{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ColorTools_colorFormatItem__73cEE{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#141414;border-radius:6px;border:1px solid #222}.ColorTools_colorFormatLabel__kjxm4{font-size:11px;font-weight:700;color:#ffcf98;text-transform:uppercase;letter-spacing:.5px;min-width:40px}.ColorTools_colorValue__shM62{font-family:monospace;font-size:12px;color:#e5e5e5;text-align:right}.ColorTools_buttonGroup__zfZ4e{display:flex;gap:12px}.ColorTools_button__jvHuC{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.ColorTools_buttonSecondary__NJtXN{background:#222;color:#e5e5e5}.ColorTools_buttonSecondary__NJtXN:hover{background:#2a2a2a}.ColorTools_buttonPrimary__dYysD{background:#ffcf98;color:#0a0a0a}.ColorTools_buttonPrimary__dYysD:hover{background:#ffd7a8}.ColorTools_savedColorsSection__tt9tB{background:#141414;border-radius:16px;padding:32px;border:1px solid #222}.ColorTools_savedColorsTitle__q0oAU{font-size:20px;font-weight:700;margin:0 0 20px;color:#e5e5e5}.ColorTools_savedColorsGrid__Uqbvg{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.ColorTools_savedColorCard__eie2w{background:#0a0a0a;border-radius:12px;padding:12px;border:1px solid #222}.ColorTools_savedColorPreview__ECwFu{width:100%;height:80px;border-radius:8px;margin-bottom:8px;border:2px solid #222}.ColorTools_savedColorValue___QH4k{font-family:monospace;font-size:11px;color:#888;margin-bottom:8px;text-align:center}.ColorTools_removeButton__xlCWM{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__xlCWM:hover{background:#2a2a2a}