.URLEncoder_container__gWiPd{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.URLEncoder_header__uz9sl{text-align:center;margin-bottom:3rem}.URLEncoder_title__cXkFA{color:#ffffff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.URLEncoder_subtitle__cK8xA{color:rgba(255,255,255,.9);font-size:1.1rem;font-weight:400;margin:0}.URLEncoder_mainContent__xyrNs{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.URLEncoder_inputSection__Qo1hW{background:rgba(255,255,255,.95);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.URLEncoder_modeSelector__aN4eM{margin-bottom:2rem}.URLEncoder_modeButtons__GyQz2{display:flex;gap:0;background:#f0f0f0;border-radius:12px;padding:4px;max-width:400px;margin:0 auto}.URLEncoder_modeButton__tDOnT{flex:1;padding:12px 24px;border:none;background:transparent;color:#666;font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease}.URLEncoder_modeButton__tDOnT.URLEncoder_active__1eO6x{background:#667eea;color:white;box-shadow:0 2px 8px rgba(102,126,234,.3)}.URLEncoder_modeButton__tDOnT:hover:not(.URLEncoder_active__1eO6x){background:rgba(102,126,234,.1);color:#667eea}.URLEncoder_inputGroup__BzkSs{margin-bottom:2rem}.URLEncoder_label__xok73{display:block;margin-bottom:.5rem}.URLEncoder_labelText__Irl6G{color:#333;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.URLEncoder_textarea__uODLx{width:100%;padding:16px;font-size:14px;font-family:Courier New,monospace;border:2px solid #e0e0e0;border-radius:12px;background:white;color:#333;outline:none;transition:all .3s ease;resize:vertical;min-height:120px}.URLEncoder_textarea__uODLx:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.URLEncoder_textarea__uODLx::placeholder{color:#999;font-style:italic}.URLEncoder_buttonGroup__qMftp{display:flex;gap:1rem;flex-wrap:wrap}.URLEncoder_button__i_5jO{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.URLEncoder_processButton__qNMVu{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 4px 12px rgba(102,126,234,.3)}.URLEncoder_processButton__qNMVu:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.URLEncoder_processButton__qNMVu:disabled{opacity:.6;cursor:not-allowed;transform:none}.URLEncoder_clearButton__XaJ76{background:#f44336;color:white;box-shadow:0 4px 12px rgba(244,67,54,.3)}.URLEncoder_clearButton__XaJ76:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 6px 16px rgba(244,67,54,.4)}.URLEncoder_resultSection__LeAJE{background:rgba(255,255,255,.95);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px);animation:URLEncoder_fadeInUp__qqilK .5s ease-out}@keyframes URLEncoder_fadeInUp__qqilK{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.URLEncoder_resultHeader__elJTA{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.URLEncoder_copyButton__dgJ8V{display:flex;align-items:center;gap:.5rem;padding:8px 16px;background:#4CAF50;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.URLEncoder_copyButton__dgJ8V:hover{background:#45a049;transform:translateY(-1px)}.URLEncoder_resultTextarea__ioUrK{background:#f8f9fa;border-color:#d0d7de;font-weight:500}.URLEncoder_resultInfo__hsNy1{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;font-size:.9rem;color:#666}.URLEncoder_resultLength__4ocN4{font-weight:500}.URLEncoder_resultType__LnWPt{font-weight:500;color:#667eea}.URLEncoder_infoSection__rqxR8{max-width:800px;margin:3rem auto 0;background:rgba(255,255,255,.95);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.URLEncoder_infoTitle__KI1Ur{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.URLEncoder_infoGrid__Kp6D_{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.URLEncoder_infoCard__OGAYD{background:#f8f9fa;border-radius:12px;padding:1.5rem;border-left:4px solid #667eea}.URLEncoder_infoCard__OGAYD h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.URLEncoder_infoCard__OGAYD p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.URLEncoder_examplesSection__lRmIq{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:12px;padding:1.5rem;border-left:4px solid #2196f3}.URLEncoder_examplesSection__lRmIq h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.URLEncoder_examplesList__5OYF0{display:flex;flex-direction:column;gap:1rem}.URLEncoder_example__kDr8G{background:rgba(255,255,255,.8);padding:1rem;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4}.URLEncoder_example__kDr8G strong{color:#2196F3;font-weight:600}@media (max-width:768px){.URLEncoder_container__gWiPd{padding:15px}.URLEncoder_title__cXkFA{font-size:2rem}.URLEncoder_subtitle__cK8xA{font-size:1rem}.URLEncoder_infoSection__rqxR8,.URLEncoder_inputSection__Qo1hW,.URLEncoder_resultSection__LeAJE{padding:1.5rem}.URLEncoder_modeButtons__GyQz2{max-width:100%}.URLEncoder_modeButton__tDOnT{padding:10px 16px;font-size:14px}.URLEncoder_buttonGroup__qMftp{flex-direction:column}.URLEncoder_button__i_5jO{width:100%}.URLEncoder_resultHeader__elJTA{flex-direction:column;gap:1rem;align-items:stretch}.URLEncoder_copyButton__dgJ8V{align-self:center}.URLEncoder_resultInfo__hsNy1{flex-direction:column;gap:.5rem;align-items:flex-start}.URLEncoder_infoGrid__Kp6D_{grid-template-columns:1fr}.URLEncoder_examplesList__5OYF0{gap:.8rem}}@media (max-width:480px){.URLEncoder_title__cXkFA{font-size:1.8rem}.URLEncoder_infoSection__rqxR8,.URLEncoder_inputSection__Qo1hW,.URLEncoder_resultSection__LeAJE{padding:1rem}.URLEncoder_textarea__uODLx{font-size:13px;padding:12px}.URLEncoder_button__i_5jO{padding:10px 20px;font-size:14px}.URLEncoder_example__kDr8G{padding:.8rem;font-size:.8rem}}.URLEncoder_button__i_5jO:focus,.URLEncoder_copyButton__dgJ8V:focus,.URLEncoder_modeButton__tDOnT:focus,.URLEncoder_textarea__uODLx:focus{outline:2px solid #667eea;outline-offset:2px}.URLEncoder_container__gWiPd *{transition:all .3s cubic-bezier(.4,0,.2,1)}