.Component-module__bMMLOa__container{flex-direction:column;gap:1rem;display:flex}.Component-module__bMMLOa__tabs{border:1px solid var(--color-border);border-radius:.5rem;gap:0;width:fit-content;display:flex;overflow:hidden}.Component-module__bMMLOa__tab{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__bMMLOa__tab:not(:last-child){border-right:1px solid var(--color-border)}.Component-module__bMMLOa__activeTab{background-color:var(--color-primary);color:#fff}.Component-module__bMMLOa__encodePanel,.Component-module__bMMLOa__decodePanel{flex-direction:column;gap:1rem;display:flex}.Component-module__bMMLOa__dropZone{border:2px dashed var(--color-border);background-color:var(--color-bg-secondary);cursor:pointer;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:border-color .15s,background-color .15s;display:flex}.Component-module__bMMLOa__dropZone:hover{border-color:var(--color-primary)}.Component-module__bMMLOa__dropZoneActive{border-color:var(--color-primary);background-color:var(--color-bg)}.Component-module__bMMLOa__dropText{color:var(--color-text);margin:0;font-size:.95rem;font-weight:500}.Component-module__bMMLOa__dropSubText{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.8rem}.Component-module__bMMLOa__fileInput{display:none}.Component-module__bMMLOa__resultArea{flex-direction:column;gap:.75rem;display:flex}.Component-module__bMMLOa__preview{object-fit:contain;border:1px solid var(--color-border);background-color:var(--color-bg-secondary);border-radius:.5rem;align-self:flex-start;max-width:100%;max-height:300px}.Component-module__bMMLOa__fileInfo{color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.Component-module__bMMLOa__outputGroup{flex-direction:column;gap:.4rem;display:flex}.Component-module__bMMLOa__outputHeader{justify-content:space-between;align-items:center;display:flex}.Component-module__bMMLOa__label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.Component-module__bMMLOa__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);word-break:break-all;border-radius:.5rem;padding:.75rem;font-size:.8rem;line-height:1.5}.Component-module__bMMLOa__textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.Component-module__bMMLOa__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__bMMLOa__copyButton:hover{border-color:var(--color-primary)}.Component-module__bMMLOa__button{border:1px solid var(--color-primary);background-color:var(--color-primary);color:#fff;cursor:pointer;text-align:center;border-radius:.375rem;width:fit-content;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-block}.Component-module__bMMLOa__button:hover{background-color:var(--color-primary-hover)}.Component-module__bMMLOa__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:640px){.Component-module__bMMLOa__dropZone{padding:1.5rem}.Component-module__bMMLOa__fileInfo{flex-direction:column;gap:.25rem}}