.Component-module__d1uYsq__container{flex-direction:column;gap:1rem;display:flex}.Component-module__d1uYsq__modeSwitch{border:1px solid var(--color-border);border-radius:.5rem;gap:0;width:fit-content;display:flex;overflow:hidden}.Component-module__d1uYsq__modeButton{background-color:var(--color-bg);color:var(--color-text);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.9rem;transition:background-color .15s,color .15s}.Component-module__d1uYsq__modeButton:not(:last-child){border-right:1px solid var(--color-border)}.Component-module__d1uYsq__modeButton.Component-module__d1uYsq__active{background-color:var(--color-primary);color:#fff}.Component-module__d1uYsq__inputRow{align-items:flex-end;gap:1rem;display:flex}.Component-module__d1uYsq__field{flex-direction:column;flex:1;gap:.4rem;display:flex}.Component-module__d1uYsq__pickerField{flex-direction:column;gap:.4rem;display:flex}.Component-module__d1uYsq__label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.Component-module__d1uYsq__textInput{border:1px solid var(--color-border);width:100%;font-family:var(--font-mono);color:var(--color-text);background-color:var(--color-bg);border-radius:.5rem;padding:.75rem;font-size:.85rem;line-height:1.5}.Component-module__d1uYsq__textInput:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.Component-module__d1uYsq__colorPicker{border:1px solid var(--color-border);cursor:pointer;background-color:var(--color-bg);border-radius:.375rem;width:3rem;height:2.5rem;padding:.125rem}.Component-module__d1uYsq__convertButton{border:1px solid var(--color-primary);background-color:var(--color-primary);color:#fff;cursor:pointer;border-radius:.375rem;width:fit-content;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;transition:background-color .15s}.Component-module__d1uYsq__convertButton:hover{background-color:var(--color-primary-hover)}.Component-module__d1uYsq__colorPreview{border:1px solid var(--color-border);border-radius:.5rem;width:100%;height:4rem}.Component-module__d1uYsq__resultCards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.Component-module__d1uYsq__resultCard{border:1px solid var(--color-border);background-color:var(--color-bg);border-radius:.5rem;flex-direction:column;gap:.3rem;padding:.75rem;display:flex}.Component-module__d1uYsq__resultLabel{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.Component-module__d1uYsq__resultValue{font-family:var(--font-mono);color:var(--color-text);word-break:break-all;font-size:.85rem}.Component-module__d1uYsq__copyButton{border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:.375rem;align-self:flex-start;padding:.25rem .6rem;font-size:.8rem;transition:border-color .15s}.Component-module__d1uYsq__copyButton:hover{border-color:var(--color-primary)}.Component-module__d1uYsq__error{border:1px solid var(--color-error);background-color:var(--color-error-bg);color:var(--color-error);border-radius:.5rem;padding:.75rem;font-size:.85rem}@media (max-width:768px){.Component-module__d1uYsq__resultCards{grid-template-columns:1fr}.Component-module__d1uYsq__inputRow{flex-direction:column;align-items:stretch}}