.xml-url-encoding-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.xml-url-encoding-container h1{text-align:center;margin-bottom:2rem;color:#333}.xml-url-encoding-container h2{margin-bottom:.5rem;color:#444}.xml-url-encoding-container .input-section{margin-bottom:1.5rem}.xml-url-encoding-container .text-area{width:100%;min-height:120px;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:1rem;resize:vertical}.xml-url-encoding-container .text-area:focus{outline:none;border-color:#0070f3;box-shadow:0 0 0 2px rgba(0,112,243,.2)}.xml-url-encoding-container .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.xml-url-encoding-container .btn{padding:.5rem 1rem;background-color:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.xml-url-encoding-container .btn:hover{background-color:#0051a8}.xml-url-encoding-container .btn:focus{outline:none;box-shadow:0 0 0 2px rgba(0,112,243,.4)}.xml-url-encoding-container .error-message{margin:1rem 0;padding:.75rem;background-color:#ffebee;color:#d32f2f;border-radius:4px;font-size:.875rem}.xml-url-encoding-container .output-section,.xml-url-encoding-container .output-section .encoded{width:100%}@media(max-width:768px){.xml-url-encoding-container{padding:1rem}.xml-url-encoding-container .actions{flex-direction:column;align-items:stretch}.xml-url-encoding-container .btn{width:100%}}