*{box-sizing:border-box}html,body,#app{height:100%}body{font-family:sans-serif;font-size:13px}body,h3{margin:0}#app{padding:1rem}.ml-1rem{margin-left:1rem}nav[data-v-86ef8535]{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.container[data-v-86ef8535]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"json code" "output output";gap:1rem;height:100%;overflow:auto}#json[data-v-86ef8535]{grid-area:json}#code[data-v-86ef8535]{grid-area:code}#output[data-v-86ef8535]{grid-area:output}[data-v-86ef8535]:where(#json,#code,#output){display:flex;flex-direction:column;border:1px solid #e0e0e0;overflow:auto}:where(#json,#code,#output)>div[data-v-86ef8535]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}