#soapsync-react-app{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:20px auto;max-width:900px;padding:20px}h1{border-bottom:2px solid #e0e0e0;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:8px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.form-group textarea{min-height:120px;resize:vertical}.checkbox-group label,.radio-group label{display:inline-block;font-weight:400;margin-right:20px}.checkbox-group input,.radio-group input{margin-right:5px}details{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;margin-bottom:15px}summary{background-color:#f1f1f1;cursor:pointer;font-size:1.2em;font-weight:700;padding:15px}details[open]>summary{border-bottom:1px solid #e0e0e0}.details-content{padding:20px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:background-color .2s}.btn-primary{background-color:#0073aa;color:#fff;width:100%}.btn-primary:hover:not(:disabled){background-color:#005a87}.btn-primary:disabled{background-color:#a0a5aa;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff;margin-right:10px}.btn-secondary:hover{background-color:#5a6268}.output-container{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:30px;padding:20px}.output-container h2{margin-top:0}.output-container textarea{font-family:monospace;font-size:14px;min-height:400px;width:100%}.output-actions{margin-top:15px}.error-message,.loading-indicator{font-size:1.2em;padding:40px;text-align:center}.error-message{background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#d9534f}