.UrlEncoder_container__79wtB{padding:0 2rem}.UrlEncoder_main__TpBRK{min-height:calc(100vh - 60px);padding:1rem 0 2rem;max-width:1200px;margin:0 auto;width:95%}.UrlEncoder_title__0REU0{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:var(--text-primary)}.UrlEncoder_description__94Crq{text-align:center;font-size:1.1rem;color:var(--border-hover);margin-bottom:2rem}.UrlEncoder_converter__N3ZUn{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:stretch}.UrlEncoder_inputSection__Mnwa9,.UrlEncoder_outputSection__7pOBe{display:flex;flex-direction:column;gap:1rem}.UrlEncoder_inputHeader__sT_7u,.UrlEncoder_outputHeader__O4eAZ{display:flex;justify-content:space-between;align-items:center;min-height:40px}.UrlEncoder_inputHeader__sT_7u h3,.UrlEncoder_outputHeader__O4eAZ h3{margin:0;color:var(--text-primary);font-size:1.2rem}.UrlEncoder_controls__ATd9V{display:flex;gap:.5rem;align-items:center}.UrlEncoder_modeButtons__mVqjf{display:flex;border:2px solid var(--accent-primary);border-radius:6px;overflow:hidden}.UrlEncoder_modeButton__9SEKC{padding:.5rem 1rem;background:#fff;color:var(--accent-primary);border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.UrlEncoder_modeButton__9SEKC:first-child{border-right:1px solid var(--accent-primary)}.UrlEncoder_modeButton__9SEKC.UrlEncoder_active__89tYX{background:var(--accent-primary);color:#fff}.UrlEncoder_modeButton__9SEKC:hover:not(.UrlEncoder_active__89tYX){background:#f0f8ff}.UrlEncoder_clearButton__tkQGa{padding:.5rem 1rem;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.UrlEncoder_clearButton__tkQGa:hover{background:#545b62}.UrlEncoder_copyButton__5_RPE{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.UrlEncoder_copyButton__5_RPE:hover:not(:disabled){background:#1e7e34}.UrlEncoder_copyButton__5_RPE:disabled{background:var(--text-secondary);cursor:not-allowed}.UrlEncoder_textareaContainer__M3vni{position:relative;display:flex;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .3s ease;height:400px}.UrlEncoder_textareaContainer__M3vni:focus-within{border-color:var(--accent-primary)}.UrlEncoder_lineNumbers__E01Al{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem .5rem;font-family:Courier New,monospace;font-size:14px;line-height:1.5;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:40px;text-align:right;overflow-y:auto}.UrlEncoder_lineNumber__CKViC{height:21px}.UrlEncoder_textarea__H23pE{flex:1 1;height:100%;padding:1rem;border:none;font-family:Courier New,monospace;font-size:14px;resize:none;outline:none;line-height:1.5;background:var(--bg-tertiary);color:#fff}.UrlEncoder_textarea__H23pE::placeholder{color:var(--text-muted)}.UrlEncoder_buttonGroup__gY33n{display:flex;gap:.5rem}.UrlEncoder_convertButton__s5rCd{flex:1 1;padding:.75rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.UrlEncoder_convertButton__s5rCd:hover{background:var(--accent-hover)}.UrlEncoder_swapButton__2Rp_r{padding:.75rem 1rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.UrlEncoder_swapButton__2Rp_r:hover:not(:disabled){background:#1e7e34}.UrlEncoder_swapButton__2Rp_r:disabled{background:var(--text-secondary);cursor:not-allowed}.UrlEncoder_errorInstructions__ZLrj4{background:#2d1b1b;border:1px solid #dc3545;border-radius:8px;padding:1rem;color:var(--text-primary)}.UrlEncoder_errorInstructions__ZLrj4 h4{margin:0 0 .5rem;color:#ff6b6b;font-size:1rem}.UrlEncoder_errorInstructions__ZLrj4 p{margin:0;line-height:1.5;color:#ffcccb}@media (max-width:768px){.UrlEncoder_title__0REU0{font-size:2rem}.UrlEncoder_converter__N3ZUn{grid-template-columns:1fr;gap:1.5rem}.UrlEncoder_controls__ATd9V{flex-direction:row;flex-wrap:wrap;gap:.5rem}.UrlEncoder_buttonGroup__gY33n{flex-direction:column}.UrlEncoder_textareaContainer__M3vni{height:300px}.UrlEncoder_lineNumbers__E01Al,.UrlEncoder_textarea__H23pE{font-size:12px}}