body{background-color:#ddd;padding:0;margin:0}h3{color:#00000080;padding-bottom:5px}main{font-family:Roboto,Arial,Helvetica,sans-serif;margin:10px}#main-content{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}#page-wrap{margin:0}textarea{padding:10px;background-color:#efefef;border-radius:14px;font-size:12px;color:#000;border:none}@media(max-width:768px){#main-content{grid-template-columns:repeat(1,1fr)}}#output{border:1px solid #000}#buttons{padding:0 0 20px;text-align:center}.view{--cbar-sys-color-primary: #0082c7}.payload{--cbar-sys-color-primary: tomato}.reset{--cbar-sys-color-primary: red}.upload{--cbar-sys-color-primary: green}#upload_payload{display:none}