.wpd-csv-xml-container{font-family:system-ui,-apple-system,sans-serif;max-width:800px;margin:2em auto;padding:20px}.wpd-csv-xml-wrapper{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.wpd-csv-xml-wrapper h2{color:#333;text-align:center;margin-bottom:30px;font-size:24px}.wpd-input-group,.wpd-output-group{margin-bottom:20px;position:relative}.wpd-csv-xml-wrapper label{display:block;margin-bottom:10px;font-weight:700;color:#555}.wpd-csv-xml-wrapper textarea{width:100%;height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:monospace}.wpd-csv-xml-wrapper button{background-color:#4CAF50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color 0.3s}.wpd-csv-xml-wrapper button:hover{background-color:#45a049}.wpd-error{color:red;margin-top:10px}.wpd-copy-btn{background-color:#2196F3!important;position:absolute;right:0;top:0;margin-top:35px}.wpd-copy-btn:hover{background-color:#1976D2!important}.wpd-load-sample-btn{background-color:#9C27B0!important;margin-bottom:10px}.wpd-load-sample-btn:hover{background-color:#7B1FA2!important}.wpd-convert-btn{margin:30px 0;display:block}.wpd-output-group{margin-top:40px}