.url-encoder_tool___BHFW{max-width:640px;margin-inline:auto;display:flex;flex-direction:column;gap:14px}.url-encoder_controls__xUhD0{display:flex;flex-wrap:wrap;gap:14px}.url-encoder_group__DtPtg{flex:1 1 220px;display:flex;flex-direction:column;gap:7px}.url-encoder_fieldLabel__uiQMY,.url-encoder_groupLabel__cmRKx{font-family:var(--cbd-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--cbd-on-surface-muted)}.url-encoder_field__rouG6{display:flex;flex-direction:column;gap:7px}.url-encoder_fieldHead__fIwWG{display:flex;align-items:center;justify-content:space-between;gap:10px}.url-encoder_area__DEW26{width:100%;min-height:132px;resize:vertical;font-family:var(--cbd-font-mono);font-size:14px;line-height:1.6}.url-encoder_clear__v_sjS{display:inline-flex;align-items:center;gap:5px;height:30px;padding-inline:10px;border:1.5px solid var(--cbd-outline);background:var(--cbd-surface);color:var(--cbd-error);border-radius:var(--cbd-radius-button);cursor:pointer;font-family:var(--cbd-font-body);font-size:12px;font-weight:var(--cbd-weight-semibold);transition:transform var(--cbd-dur-fast) var(--cbd-ease-standard)}.url-encoder_clear__v_sjS .url-encoder_msym__cvgeA{font-size:15px}.url-encoder_clear__v_sjS:active{transform:scale(var(--cbd-press-scale))}.url-encoder_clear__v_sjS:disabled{opacity:.5;cursor:not-allowed}.url-encoder_clear__v_sjS:focus-visible{outline:2px solid var(--cbd-primary);outline-offset:2px}.url-encoder_error__Ps2XB{display:flex;align-items:flex-start;gap:8px;margin:0;padding:14px 16px;border:1px solid var(--cbd-error);border-radius:var(--cbd-radius-card);background:var(--cbd-surface-container);color:var(--cbd-error);font-family:var(--cbd-font-body);font-size:13.5px;line-height:1.55}.url-encoder_error__Ps2XB .url-encoder_msym__cvgeA{font-size:18px;flex-shrink:0;-webkit-margin-before:1px;margin-block-start:1px}