.URLEncoder-module__5F0VEG__encoder{padding:var(--spacing-lg)}.URLEncoder-module__5F0VEG__title{margin:0 0 var(--spacing-xs)0;color:var(--text-primary);font-size:2rem;font-weight:700}.URLEncoder-module__5F0VEG__description{margin:0 0 var(--spacing-lg)0;color:var(--text-secondary);line-height:1.6}.URLEncoder-module__5F0VEG__container{gap:var(--spacing-md);flex-direction:column;display:flex}.URLEncoder-module__5F0VEG__modeSelector{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.URLEncoder-module__5F0VEG__modeButton{padding:var(--spacing-md)var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);flex:1;font-size:.875rem;font-weight:600}.URLEncoder-module__5F0VEG__modeButton:hover{border-color:var(--color-primary)}.URLEncoder-module__5F0VEG__modeButton.URLEncoder-module__5F0VEG__active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.URLEncoder-module__5F0VEG__label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:.875rem;font-weight:600;display:block}.URLEncoder-module__5F0VEG__inputSection{gap:var(--spacing-sm);flex-direction:column;display:flex}.URLEncoder-module__5F0VEG__textarea{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);resize:vertical;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5}.URLEncoder-module__5F0VEG__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.URLEncoder-module__5F0VEG__textarea.URLEncoder-module__5F0VEG__error{border-color:var(--danger-color)}.URLEncoder-module__5F0VEG__buttonGroup{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.URLEncoder-module__5F0VEG__outputSection{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;display:flex}.URLEncoder-module__5F0VEG__output{padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}