.copy-badge{cursor:pointer;z-index:100;background:#f0f0f0;border:1px solid #ccc;border-radius:12px;align-items:center;padding:5px 12px;font-size:13px;display:flex;position:absolute;top:-12px;right:10px}.copy-badge:hover{background:#e3e3e3}.url-tool-container{max-width:900px;margin:0 auto;padding:20px}.tool-title{font-size:32px;font-weight:700}.tool-subtitle{color:#555;margin-bottom:20px}.url-input-box{border:1px solid #ccc;border-radius:8px;width:100%;min-height:150px;margin-bottom:16px;padding:12px;font-family:monospace}.url-btn-row{gap:12px;margin-bottom:20px;display:flex}.btn-encode,.btn-decode{color:#fff;cursor:pointer;background:#004aad;border:none;border-radius:6px;padding:10px 20px;font-weight:600}.btn-decode{background:#2a7b2a}.btn-encode:hover,.btn-decode:hover{opacity:.9}.url-error{color:#a30000;background:#ffecec;border-left:4px solid #d8000c;margin-bottom:16px;padding:10px}.url-output-wrapper{margin-top:10px;position:relative}.url-output{color:#fff;background:#111;border:1px solid #444;border-radius:8px;padding:14px;font-family:monospace;overflow-x:auto}.example-box{background:#f3f3f3;border-radius:6px;padding:12px;overflow-x:auto}