.url-encode-decode_container__tggCH{--page-accent:#38bdf8;--page-accent-strong:#0ea5e9;--page-accent-soft:rgba(56,189,248,0.12);--page-accent-shadow:rgba(56,189,248,0.25);max-width:800px;margin:0 auto;padding:48px 20px 80px}.url-encode-decode_title__LzsVQ{font-size:32px;font-weight:700;margin-bottom:32px;text-align:center;color:var(--page-accent-strong);letter-spacing:-.01em}.url-encode-decode_subtitle__wKD0g{text-align:center;color:var(--foreground-muted);font-size:15px;margin:0 auto 28px;max-width:620px;line-height:1.6}@media (max-width:768px){.url-encode-decode_title__LzsVQ{font-size:24px}.url-encode-decode_subtitle__wKD0g{font-size:.95rem;margin-bottom:24px}}.url-encode-decode_card__nFDK_{background:var(--surface);border-radius:24px;padding:36px;box-shadow:var(--shadow-soft);margin-bottom:32px;border:1px solid var(--page-accent-soft)}@media (max-width:768px){.url-encode-decode_card__nFDK_{padding:24px 20px}}.url-encode-decode_modeToggle__C_p8C{display:flex;gap:0;margin-bottom:20px;background:var(--surface-muted);border-radius:12px;padding:4px;border:1px solid var(--border-soft)}.url-encode-decode_modeBtn__bpp0B{flex:1 1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--foreground-muted)}.url-encode-decode_modeBtnActive__1buUE{background:var(--page-accent);color:#fff;box-shadow:0 2px 8px var(--page-accent-shadow)}.url-encode-decode_textareaGroup__t_zve{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}@media (max-width:640px){.url-encode-decode_textareaGroup__t_zve{grid-template-columns:1fr}}.url-encode-decode_textareaWrapper__pZSiI{display:flex;flex-direction:column;gap:8px}.url-encode-decode_label__lnMox{font-size:14px;font-weight:600;color:var(--foreground-muted)}.url-encode-decode_textarea__6n285{width:100%;min-height:180px;padding:16px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--foreground);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s ease}.url-encode-decode_textarea__6n285:focus{border-color:var(--page-accent)}.url-encode-decode_textarea__6n285::placeholder{color:var(--foreground-muted);opacity:.5}.url-encode-decode_buttonGroup__L918x{display:flex;gap:12px;margin-bottom:20px}.url-encode-decode_decodeBtn__Cbfji,.url-encode-decode_encodeBtn__MZomw{flex:1 1;padding:14px 20px;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.url-encode-decode_encodeBtn__MZomw{background:var(--page-accent);color:#fff}.url-encode-decode_encodeBtn__MZomw:hover{background:var(--page-accent-strong)}.url-encode-decode_decodeBtn__Cbfji{background:var(--surface-muted);color:var(--page-accent-strong);border:1px solid var(--page-accent)}.url-encode-decode_decodeBtn__Cbfji:hover{background:var(--page-accent-soft)}.url-encode-decode_copyBtn__rX89U{padding:8px 16px;border:none;border-radius:8px;background:var(--page-accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;align-self:flex-end}.url-encode-decode_copyBtn__rX89U:hover{background:var(--page-accent-strong)}.url-encode-decode_error__qbZ6_{color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px;background:rgba(239,68,68,.1);border-radius:8px;border:1px solid rgba(239,68,68,.2)}.url-encode-decode_description__IWvmI{margin-top:72px;line-height:1.8}.url-encode-decode_description__IWvmI h2{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--foreground)}.url-encode-decode_description__IWvmI h2:after{content:"";display:block;width:52px;height:4px;border-radius:999px;background:var(--page-accent);margin-top:6px}.url-encode-decode_description__IWvmI h3{font-size:20px;font-weight:600;margin:32px 0 16px;color:var(--foreground)}.url-encode-decode_description__IWvmI p{margin-bottom:16px;color:var(--foreground-muted)}.url-encode-decode_description__IWvmI ul{margin:0 0 24px;padding-left:20px}.url-encode-decode_description__IWvmI li{margin-bottom:8px;color:var(--foreground-muted);font-size:15px;padding-left:4px}.url-encode-decode_description__IWvmI li::marker{color:var(--page-accent)}.url-encode-decode_description__IWvmI strong{color:var(--foreground);font-weight:600}.url-encode-decode_relatedTools__wI3KS{margin-top:40px;padding-top:32px;border-top:1px solid var(--border-soft)}