.text-area{min-height:150px;resize:vertical;font-family:monospace}.url-components{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.component-label{font-weight:700;margin-bottom:5px}.copy-btn{position:absolute;top:10px;right:10px;padding:5px 10px;font-size:12px}.preview-box{background:#f8f9fa;padding:10px;border-radius:4px;margin-top:5px;word-break:break-all;font-family:monospace}.mode-switch{display:flex;gap:10px;margin-bottom:20px}.mode-switch button{flex:1}.copy-notification{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:10px 20px;border-radius:4px;display:none;z-index:1000}
/*# sourceMappingURL=url-encoder-decoder-content.css.map */