body{background-color:#ddd;margin:0;padding:0}h3{color:#00000080;padding-bottom:5px}main{margin:10px;font-family:Roboto,Arial,Helvetica,sans-serif}#main-content{grid-template-columns:repeat(2,1fr);gap:30px;max-width:1500px;margin:0 auto;display:grid}#page-wrap{margin:0}textarea{color:#000;background-color:#efefef;border:none;border-radius:14px;padding:10px;font-size:12px}@media (width<=768px){#main-content{grid-template-columns:repeat(1,1fr)}}#buttons{text-align:center;padding:0 0 20px}.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}#language_switcher,#example_switcher{vertical-align:middle;--cbar-select-width:160px;margin-left:16px}#example_switcher{--cbar-select-width:190px}