.color-code-converter_container__gqdu2{--page-accent:#e879f9;--page-accent-strong:#d946ef;--page-accent-soft:rgba(232,121,249,0.12);--page-accent-shadow:rgba(232,121,249,0.25);max-width:800px;margin:0 auto;padding:48px 20px 80px}.color-code-converter_title__sxEIl{font-size:32px;font-weight:700;margin-bottom:32px;text-align:center;color:var(--page-accent-strong);letter-spacing:-.01em}.color-code-converter_subtitle__TXCT9{text-align:center;color:var(--foreground-muted);font-size:15px;margin:0 auto 28px;max-width:620px;line-height:1.6}@media (max-width:768px){.color-code-converter_title__sxEIl{font-size:24px}.color-code-converter_subtitle__TXCT9{font-size:.95rem;margin-bottom:24px}}.color-code-converter_card__gTBd0{background:var(--surface);border-radius:24px;padding:36px;box-shadow:var(--shadow-soft);margin-bottom:32px;border:1px solid var(--page-accent-soft)}@media (max-width:768px){.color-code-converter_card__gTBd0{padding:24px 20px}}.color-code-converter_previewSection__PKGQI{margin-bottom:28px}.color-code-converter_previewBox__URzuY{width:100%;height:120px;border-radius:16px;border:1px solid var(--border-soft);margin-top:8px;transition:background-color .2s ease}@media (max-width:480px){.color-code-converter_previewBox__URzuY{height:80px}}.color-code-converter_fieldGroup__OznMC{margin-bottom:24px}.color-code-converter_fieldGroup__OznMC:last-child{margin-bottom:0}.color-code-converter_label__nO9W1{font-size:15px;font-weight:600;color:var(--foreground-muted);margin-bottom:10px;display:block}.color-code-converter_pickerRow__S36At{display:flex;align-items:center}.color-code-converter_colorPicker__WXWxH{width:64px;height:44px;border:2px solid var(--border-soft);border-radius:12px;cursor:pointer;padding:2px;background:var(--surface);transition:border-color .2s ease}.color-code-converter_colorPicker__WXWxH:hover{border-color:var(--page-accent)}.color-code-converter_colorPicker__WXWxH::-webkit-color-swatch-wrapper{padding:2px}.color-code-converter_colorPicker__WXWxH::-webkit-color-swatch{border:none;border-radius:8px}.color-code-converter_colorPicker__WXWxH::-moz-color-swatch{border:none;border-radius:8px}.color-code-converter_inputRow__LtIOm{display:flex;align-items:center;gap:12px}.color-code-converter_input__e1evB{flex:1 1;padding:14px 16px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--foreground);font-size:15px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-weight:500;outline:none;transition:border-color .2s ease}.color-code-converter_input__e1evB:focus{border-color:var(--page-accent)}.color-code-converter_rgbInputs__Q0315{display:flex;gap:8px;flex:1 1}.color-code-converter_channelGroup__d9xqK{display:flex;align-items:center;gap:6px;flex:1 1;padding:10px 12px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-muted);transition:border-color .2s ease}.color-code-converter_channelGroup__d9xqK:focus-within{border-color:var(--page-accent)}.color-code-converter_channelLabel__DtPF1{font-size:13px;font-weight:700;color:var(--page-accent-strong);min-width:14px;text-align:center}.color-code-converter_channelInput__4xOLZ{width:100%;border:none;background:transparent;color:var(--foreground);font-size:15px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-weight:500;outline:none;-moz-appearance:textfield}.color-code-converter_channelInput__4xOLZ::-webkit-inner-spin-button,.color-code-converter_channelInput__4xOLZ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:480px){.color-code-converter_rgbInputs__Q0315{gap:6px}.color-code-converter_channelGroup__d9xqK{padding:8px}.color-code-converter_channelInput__4xOLZ{font-size:13px}.color-code-converter_inputRow__LtIOm{flex-wrap:wrap}.color-code-converter_inputRow__LtIOm .color-code-converter_copyBtn__GlJ7E{width:100%}}.color-code-converter_copyBtn__GlJ7E{padding:12px 20px;border:none;border-radius:12px;background:var(--page-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.color-code-converter_copyBtn__GlJ7E:hover{background:var(--page-accent-strong)}