.urlEncoder_container__RToW4{max-width:800px;margin:0 auto;padding:2rem 1rem}.urlEncoder_header__kdhqJ{text-align:center;margin-bottom:2rem}.urlEncoder_header__kdhqJ h1{font-size:2rem;font-weight:700;color:#1e3a5f;margin-bottom:.5rem}.urlEncoder_header__kdhqJ p{color:#64748b;font-size:1rem}.urlEncoder_modeSelector__EndZp{display:flex;gap:1rem;margin-bottom:2rem}.urlEncoder_modeSelector__EndZp button{flex:1 1;padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.urlEncoder_modeSelector__EndZp button:hover{border-color:#3b82f6;background:#eff6ff}.urlEncoder_modeSelector__EndZp button.urlEncoder_active__76ycN{border-color:#3b82f6;background:#3b82f6;color:#fff}.urlEncoder_content___DKXB{display:flex;flex-direction:column;gap:1.5rem}.urlEncoder_section__PI53T{display:flex;flex-direction:column;gap:.5rem;position:relative}.urlEncoder_section__PI53T label{font-weight:600;color:#1e293b}.urlEncoder_section__PI53T textarea{padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;resize:vertical;transition:border-color .2s ease}.urlEncoder_section__PI53T textarea:focus{outline:none;border-color:#3b82f6}.urlEncoder_actions__PKmNA{display:flex;gap:1rem;flex-wrap:wrap}.urlEncoder_actions__PKmNA button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.urlEncoder_actions__PKmNA .urlEncoder_processBtn__rNzBb{background:#3b82f6;color:#fff;flex:1 1}.urlEncoder_actions__PKmNA .urlEncoder_processBtn__rNzBb:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 14px rgba(37,99,235,.25)}.urlEncoder_actions__PKmNA .urlEncoder_swapBtn__F_1SA{background:#8b5cf6;color:#fff}.urlEncoder_actions__PKmNA .urlEncoder_swapBtn__F_1SA:hover{background:#7c3aed}.urlEncoder_actions__PKmNA .urlEncoder_clearBtn__cXgh8{background:#ef4444;color:#fff}.urlEncoder_actions__PKmNA .urlEncoder_clearBtn__cXgh8:hover{background:#dc2626}.urlEncoder_copyBtn__xrFxA{position:absolute;bottom:1rem;right:1rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.urlEncoder_copyBtn__xrFxA:hover{background:#059669}.urlEncoder_info__Vystc{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border-left:4px solid #2563eb}.urlEncoder_info__Vystc h3{color:#1e293b;margin-bottom:.5rem}.urlEncoder_info__Vystc p{color:#64748b;line-height:1.6}