.Component-module__nZrPsa__container{flex-direction:column;gap:1rem;display:flex}.Component-module__nZrPsa__controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.Component-module__nZrPsa__modeSwitch{border:1px solid var(--color-border);border-radius:.5rem;display:flex;overflow:hidden}.Component-module__nZrPsa__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__nZrPsa__modeButton:not(:last-child){border-right:1px solid var(--color-border)}.Component-module__nZrPsa__modeButton.Component-module__nZrPsa__active{background-color:var(--color-primary);color:#fff}.Component-module__nZrPsa__encodeMode{align-items:center;gap:.5rem;display:flex}.Component-module__nZrPsa__field{flex-direction:column;gap:.4rem;display:flex}.Component-module__nZrPsa__label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.Component-module__nZrPsa__select{border:1px solid var(--color-border);color:var(--color-text);background-color:var(--color-bg);border-radius:.375rem;padding:.4rem .6rem;font-size:.85rem}.Component-module__nZrPsa__outputHeader{justify-content:space-between;align-items:center;display:flex}.Component-module__nZrPsa__textarea{border:1px solid var(--color-border);width:100%;font-family:var(--font-mono);resize:vertical;color:var(--color-text);background-color:var(--color-bg);border-radius:.5rem;padding:.75rem;font-size:.85rem;line-height:1.5}.Component-module__nZrPsa__textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.Component-module__nZrPsa__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__nZrPsa__convertButton:hover{background-color:var(--color-primary-hover)}.Component-module__nZrPsa__copyButton{border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:.375rem;padding:.25rem .6rem;font-size:.8rem;transition:border-color .15s}.Component-module__nZrPsa__copyButton:hover{border-color:var(--color-primary)}.Component-module__nZrPsa__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}