.xml-decoder-container{max-width:900px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.xml-decoder-container h1{text-align:center;margin-bottom:30px;color:#333}.xml-decoder-container .input-container,.xml-decoder-container .output-container{margin-bottom:24px}.xml-decoder-container .input-container label,.xml-decoder-container .output-container label{display:block;margin-bottom:8px;font-weight:500}.xml-decoder-container .input-container textarea,.xml-decoder-container .output-container textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;resize:vertical}.xml-decoder-container .button-container{display:flex;justify-content:center;margin:20px 0}.xml-decoder-container .decode-button{padding:10px 20px;background-color:#4a6da7;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.xml-decoder-container .decode-button:hover{background-color:#3a5a8f}.xml-decoder-container .error-message{color:#d32f2f;margin:10px 0;padding:10px;border-radius:4px;background-color:#ffebee;text-align:center}.xml-decoder-container .output-container h2{margin-bottom:12px;color:#333}.xml-decoder-container .output-container .result-wrapper{position:relative}.xml-decoder-container .output-container .result-wrapper .result{background-color:#f5f5f5;padding:15px;border-radius:4px;border:1px solid #ddd;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;font-family:monospace;font-size:14px;line-height:1.5}.xml-decoder-container .output-container .result-wrapper .copy-button{position:absolute;top:8px;right:8px;padding:5px 10px;background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.xml-decoder-container .output-container .result-wrapper .copy-button:hover{background-color:#bdbdbd}.xml-decoder-container .output-container .result-wrapper .copy-message{position:absolute;top:8px;right:80px;background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:4px;opacity:0;transition:opacity .3s}@media(max-width:768px){.xml-decoder-container{padding:15px}.xml-decoder-container h1{font-size:24px}.xml-decoder-container .input-container .result,.xml-decoder-container .input-container textarea,.xml-decoder-container .output-container .result,.xml-decoder-container .output-container textarea{font-size:14px}.xml-decoder-container .decode-button{padding:8px 16px;font-size:14px}}@media(max-width:480px){.xml-decoder-container{padding:10px}.xml-decoder-container h1{font-size:20px;margin-bottom:20px}.xml-decoder-container .input-container,.xml-decoder-container .output-container{margin-bottom:16px}.xml-decoder-container .input-container label,.xml-decoder-container .output-container label{margin-bottom:6px}.xml-decoder-container .input-container .result,.xml-decoder-container .input-container textarea,.xml-decoder-container .output-container .result,.xml-decoder-container .output-container textarea{padding:10px;font-size:12px}.xml-decoder-container .button-container{margin:15px 0}.xml-decoder-container .decode-button{padding:8px 14px;font-size:12px}.xml-decoder-container .output-container .result-wrapper .copy-button{padding:4px 8px;font-size:12px}.xml-decoder-container .output-container .result-wrapper .copy-message{right:70px;font-size:12px}}