._uri-encoder_1d6f3_1{width:100%;max-width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline);padding-bottom:calc(var(--page-padding-block) * 1.4);display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem);color:var(--chakra-colors-fg, #1a202c)}._uri-encoder_1d6f3_1 :where(header h1){font-size:clamp(1.75rem,2vw + 1rem,2.25rem);margin-bottom:.5rem}._uri-encoder_1d6f3_1 :where(header p){color:var(--chakra-colors-muted-fg, #4a5568)}._controls_1d6f3_20{display:flex;flex-direction:column;gap:1.5rem}._field_1d6f3_26{display:flex;flex-direction:column;gap:.5rem;font-weight:500}._field_1d6f3_26 label{font-weight:500}._radio-group_1d6f3_36{display:flex;gap:1.5rem}._radio_1d6f3_36{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}._radio_1d6f3_36 input[type=radio]{appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:50%;background:var(--chakra-colors-bg, #ffffff);cursor:pointer;transition:all .2s ease;position:relative}._radio_1d6f3_36 input[type=radio]:checked{border-color:var(--chakra-colors-primary, #2b6cb0);background:var(--chakra-colors-primary, #2b6cb0)}._radio_1d6f3_36 input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:#fff;border-radius:50%}._radio_1d6f3_36 input[type=radio]:hover:not(:checked){border-color:var(--chakra-colors-primary, #2b6cb0)}._radio_1d6f3_36 span{-webkit-user-select:none;user-select:none}._textarea_1d6f3_81{width:100%;padding:1rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;font-size:1rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);resize:vertical;min-height:100px;transition:border-color .2s ease,box-shadow .2s ease}._textarea_1d6f3_81:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._textarea_1d6f3_81::placeholder{color:var(--chakra-colors-muted-fg, #a0aec0)}._swap-button_1d6f3_103{align-self:center;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}._swap-button_1d6f3_103:hover:not(:disabled){background:var(--chakra-colors-bg-subtle, #f7fafc);border-color:var(--chakra-colors-primary, #2b6cb0)}._swap-button_1d6f3_103:disabled{opacity:.4;cursor:not-allowed}._result-header_1d6f3_127{display:flex;align-items:center;justify-content:space-between;gap:1rem}._copy-button_1d6f3_134{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;background:var(--chakra-colors-primary, #2b6cb0);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}._copy-button_1d6f3_134:hover:not(:disabled){filter:brightness(1.1)}._copy-button_1d6f3_134:disabled{background:var(--chakra-colors-muted, #a0aec0);cursor:not-allowed}._copy-button_1d6f3_134 svg{width:1rem;height:1rem}._result-box_1d6f3_161{width:100%;min-height:100px;padding:1rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;background:var(--chakra-colors-bg-subtle, #f7fafc);color:var(--chakra-colors-fg, #1a202c);word-break:break-all;white-space:pre-wrap}._placeholder_1d6f3_175{color:var(--chakra-colors-muted-fg, #a0aec0)}@media screen and (max-width:640px){._radio-group_1d6f3_36{flex-direction:column;gap:.75rem}._result-header_1d6f3_127{flex-direction:column;align-items:stretch;gap:.75rem}._copy-button_1d6f3_134{width:100%;justify-content:center}}