.url-encoder_root__dRUbn{min-height:100vh;background-color:var(--color-bg-page);color:var(--color-text-primary);display:flex;flex-direction:column}.url-encoder_pageHeader__k5oIs{padding:1.5rem 1.5rem 1rem}.url-encoder_pageHeaderInner__zLeya{max-width:48rem;margin:0 auto;position:relative;text-align:center;display:flex;align-items:center;gap:.75rem;justify-content:center}.url-encoder_backLink__ezZHu{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.25rem;color:#a5adcb;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;white-space:nowrap}.url-encoder_backLink__ezZHu:hover,.url-encoder_pageTitle__QoVy3{color:var(--color-text-primary)}.url-encoder_pageTitle__QoVy3{font-size:1.5rem;font-weight:800;margin:0}.url-encoder_controlBar__zfXsO{max-width:48rem;padding:0 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 auto 1rem}.url-encoder_modeSwitch__cxG7K{display:flex;align-items:center;gap:.5rem;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.url-encoder_modeSwitchLabel__D0f2T{font-size:.875rem;font-weight:500;color:var(--color-text-subtle);transition:color .2s}.url-encoder_modeSwitchLabelActive__C7gT_{color:var(--color-blue)}.url-encoder_switchTrack__fUeka{position:relative;width:2.75rem;height:1.5rem;border-radius:9999px;background-color:var(--color-border);cursor:pointer;transition:background-color .2s;flex-shrink:0}.url-encoder_switchTrack__fUeka:hover{background-color:var(--color-border-muted)}.url-encoder_switchThumb__i7_ZB{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:50%;background-color:var(--color-blue);transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.url-encoder_switchThumbOn__Dyme6{transform:translateX(1.25rem)}.url-encoder_statusError__RRExV{font-size:.8125rem;color:var(--color-error);font-family:monospace;background-color:var(--color-red-dim);border:1px solid var(--color-red-border);border-radius:.375rem;padding:.25rem .5rem}.url-encoder_statusOk__aXHs_{font-size:.8125rem;font-weight:600;color:var(--color-success);background-color:var(--color-green-dim);border:1px solid var(--color-green-border);border-radius:.375rem;padding:.25rem .5rem}.url-encoder_body__ti_4E{display:flex;flex:1 1;overflow:hidden}.url-encoder_sideAd__X_Inb{width:15%;min-width:160px;max-width:300px;display:flex;align-items:flex-start;justify-content:center;padding:1rem 0;background-color:var(--color-bg-surface)}.url-encoder_sideAd__X_Inb:first-child{border-right:1px solid var(--color-border)}.url-encoder_sideAd__X_Inb:last-child{border-left:1px solid var(--color-border)}.url-encoder_main__r7Ttt{flex:1 1;min-width:0;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.url-encoder_panels__YhTSf{display:flex;flex:1 1;gap:0;align-items:stretch;min-height:420px}.url-encoder_panel__qrAue{display:flex;flex-direction:column;flex:1 1;min-width:0;border:1px solid var(--color-border);border-radius:.75rem;background-color:var(--color-bg-surface);overflow:hidden}.url-encoder_panelHeader__7WMHI{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary);background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border);flex-shrink:0}.url-encoder_panelActions__FYivW{display:flex;gap:.375rem}.url-encoder_actionBtn__Kymmh{font-size:.75rem;font-weight:500;color:#a5adcb;background:none;border:1px solid var(--color-border-muted);border-radius:9999px;padding:.25rem .625rem;cursor:pointer;transition:all .15s}.url-encoder_actionBtn__Kymmh:hover:not(:disabled){color:var(--color-text-primary);border-color:#5b6078;background-color:var(--color-border)}.url-encoder_actionBtn__Kymmh:disabled{opacity:.4;cursor:not-allowed}.url-encoder_textarea__rxF8v{flex:1 1;width:100%;padding:1rem;font-family:SF Mono,Menlo,monospace;font-size:.875rem;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-surface);border:none;outline:none;resize:none;box-sizing:border-box}.url-encoder_textareaOutput__sUkOy{background-color:var(--color-bg-elevated);color:#b8c0e0}.url-encoder_panelFooter__mJ1xM{padding:.375rem .875rem;border-top:1px solid var(--color-border);min-height:1.75rem;display:flex;align-items:center;background-color:var(--color-bg-page);flex-shrink:0}.url-encoder_charCount__zRFSv{font-size:.75rem;color:var(--color-text-subtle);font-family:SF Mono,Menlo,monospace}.url-encoder_swapCol__gefiE{padding:0 .75rem}.url-encoder_swapBtn__4UK57,.url-encoder_swapCol__gefiE{display:flex;align-items:center;justify-content:center;flex-shrink:0}.url-encoder_swapBtn__4UK57{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-border-muted);background:var(--color-bg-page);font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.url-encoder_swapBtn__4UK57:hover:not(:disabled){background-color:var(--color-blue);border-color:var(--color-blue);color:var(--color-bg-page)}.url-encoder_swapBtn__4UK57:disabled{opacity:.35;cursor:not-allowed}.url-encoder_explainer__1NtQ7{border-top:1px solid var(--color-border);background-color:var(--color-bg-surface);padding:3rem 2rem}.url-encoder_explainerGrid__4w9ag{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2.5rem;gap:2.5rem}.url-encoder_explainerSection__DIgRZ{display:flex;flex-direction:column;gap:.875rem}.url-encoder_explainerTitle__oi8Ab{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.url-encoder_explainerText__fYQnw{font-size:.9375rem;color:#a5adcb;line-height:1.7;margin:0}.url-encoder_explainerList__Fzy7p{font-size:.9375rem;color:#a5adcb;line-height:1.8;margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.25rem}.url-encoder_explainerLink__Vbglf{color:var(--color-blue);text-decoration:none}.url-encoder_explainerLink__Vbglf:hover{text-decoration:underline}.url-encoder_code__8khFd{font-family:SF Mono,Menlo,monospace;font-size:.8125rem;color:var(--color-blue);background-color:var(--color-border);padding:.1rem .35rem;border-radius:.25rem}