._color-converter_126fo_1{width:100%;max-width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline);padding-bottom:calc(var(--page-padding-block) * 1.4);display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem);color:var(--chakra-colors-fg, #1a202c)}._color-converter_126fo_1 :where(header h1){font-size:clamp(1.75rem,2vw + 1rem,2.25rem);margin-bottom:.5rem}._color-converter_126fo_1 :where(header p){color:var(--chakra-colors-muted-fg, #4a5568)}._converter-area_126fo_20{display:flex;gap:2rem;align-items:flex-start}@media screen and (max-width:640px){._converter-area_126fo_20{flex-direction:column;align-items:center}}._preview-section_126fo_32{display:flex;flex-direction:column;align-items:center;gap:1rem}._color-preview_126fo_39{width:150px;height:150px;border-radius:1rem;border:2px solid var(--chakra-colors-border, #cbd5e0);box-shadow:0 4px 12px #0000001a;transition:background-color .2s ease}@media screen and (max-width:640px){._color-preview_126fo_39{width:120px;height:120px}}._color-picker_126fo_54{width:60px;height:40px;padding:0;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;cursor:pointer;background:transparent}._color-picker_126fo_54::-webkit-color-swatch-wrapper{padding:4px}._color-picker_126fo_54::-webkit-color-swatch{border:none;border-radius:.25rem}._color-picker_126fo_54::-moz-color-swatch{border:none;border-radius:.25rem}._input-section_126fo_75{flex:1;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;width:100%}._input-group_126fo_84{display:flex;flex-direction:column;gap:.5rem}._input-label_126fo_90{font-weight:600;font-size:.95rem;color:var(--chakra-colors-fg, #1a202c)}._input-row_126fo_96{display:flex;gap:.75rem}._hex-input_126fo_101{flex:1;padding:.75rem 1rem;font-size:1.1rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);transition:border-color .2s ease}._hex-input_126fo_101:focus{outline:none;border-color:var(--chakra-colors-primary, #3182ce)}._rgb-inputs_126fo_117{display:flex;gap:.75rem}._rgb-field_126fo_122{display:flex;flex-direction:column;gap:.25rem;flex:1}._rgb-label_126fo_129{font-size:.85rem;font-weight:500;color:var(--chakra-colors-muted-fg, #4a5568);text-align:center}._rgb-input_126fo_117{width:100%;padding:.75rem .5rem;font-size:1rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-align:center;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);transition:border-color .2s ease}._rgb-input_126fo_117:focus{outline:none;border-color:var(--chakra-colors-primary, #3182ce)}._rgb-input_126fo_117::-webkit-outer-spin-button,._rgb-input_126fo_117::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._rgb-input_126fo_117{-moz-appearance:textfield}._rgb-copy-row_126fo_160{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}._rgb-string_126fo_167{flex:1;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;background:var(--chakra-colors-bg-subtle, #f7fafc);border-radius:.375rem;color:var(--chakra-colors-muted-fg, #4a5568)}._copy-button_126fo_177{padding:.5rem 1rem;font-size:.9rem;font-weight:500;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.375rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);cursor:pointer;transition:all .2s ease;white-space:nowrap}._copy-button_126fo_177:hover{background:var(--chakra-colors-bg-subtle, #f7fafc);border-color:var(--chakra-colors-primary, #3182ce)}