.EncoderDecoder-module__knJSpG__page{max-width:1100px}.EncoderDecoder-module__knJSpG__tool{margin-top:32px}.EncoderDecoder-module__knJSpG__controls{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.EncoderDecoder-module__knJSpG__tool [role=group]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.EncoderDecoder-module__knJSpG__tool button{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:6px;padding:10px 16px;font-size:.875rem}.EncoderDecoder-module__knJSpG__tool button:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--muted);background:#1a1a1a}.EncoderDecoder-module__knJSpG__tool button:disabled{opacity:.5;cursor:not-allowed}.EncoderDecoder-module__knJSpG__tool button[aria-pressed=true]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.EncoderDecoder-module__knJSpG__tool fieldset{border:0;margin:0;padding:0}.EncoderDecoder-module__knJSpG__tool legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.EncoderDecoder-module__knJSpG__direction{border:1px solid var(--border);background:#1a1a1a;border-radius:999px;grid-template-columns:repeat(2,1fr);width:210px;padding:4px;display:grid;position:relative}.EncoderDecoder-module__knJSpG__direction:before{content:"";border-radius:inherit;background:var(--foreground);width:calc(50% - 4px);transition:transform .18s;position:absolute;inset:4px auto 4px 4px}.EncoderDecoder-module__knJSpG__direction[data-direction=decode]:before{transform:translate(100%)}.EncoderDecoder-module__knJSpG__direction label{cursor:pointer;position:relative}.EncoderDecoder-module__knJSpG__direction input{opacity:0;width:1px;height:1px;position:absolute}.EncoderDecoder-module__knJSpG__direction span{min-height:44px;color:var(--muted);border-radius:999px;place-items:center;font-size:.875rem;display:grid}.EncoderDecoder-module__knJSpG__direction input:checked+span{color:var(--background)}.EncoderDecoder-module__knJSpG__direction input:focus-visible+span{outline:2px solid var(--foreground);outline-offset:4px}@media (prefers-reduced-motion:reduce){.EncoderDecoder-module__knJSpG__direction:before{transition:none}}@media (forced-colors:active){.EncoderDecoder-module__knJSpG__direction input:checked+span,.EncoderDecoder-module__knJSpG__tool button[aria-pressed=true]{outline:2px solid highlight}}.EncoderDecoder-module__knJSpG__panes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.EncoderDecoder-module__knJSpG__panes>div{min-width:0}.EncoderDecoder-module__knJSpG__tool textarea{resize:vertical;border:1px solid var(--border);background:var(--background);width:100%;min-height:240px;color:var(--foreground);border-radius:6px;margin:12px 0 16px;padding:16px;font:1rem/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}.EncoderDecoder-module__knJSpG__tool textarea[aria-invalid=true]{border-color:var(--foreground)}.EncoderDecoder-module__knJSpG__tool p{overflow-wrap:anywhere;font-size:.875rem}.EncoderDecoder-module__knJSpG__tool p:empty{margin:0}.EncoderDecoder-module__knJSpG__tool [role=alert]{color:var(--foreground)}@media (max-width:700px){.EncoderDecoder-module__knJSpG__panes{grid-template-columns:minmax(0,1fr)}}