body,html{padding:0;margin:0;height:100%}body,div,header,html,li,section,textarea,ul{box-sizing:border-box}section{height:calc(100% - 40px);display:flex;flex-direction:row;justify-content:space-between}div.hide span.toggle-end,span.hide span.toggle-end{margin-left:-40px}div.hide span.toggle-end:before,span.hide span.toggle-end:before{content:attr(count)}div.hide ol,div.hide ul,span.hide ol,span.hide ul{display:none}#root,textarea{width:100%;height:100%;font-size:14px;padding:40px;border:1px solid #ccc;outline:none;border-top:0}textarea{max-width:557px}#root{padding:40px;font-size:14px;line-height:1.4em;border-left:0;overflow:scroll;white-space:nowrap}#root ol,#root ul{margin:0;padding-left:22px;list-style:none}#root span.toggle,#root span.toggle-end{position:relative;color:#729fcf;cursor:pointer}#root span.toggle{left:-20px;padding:2px 20px}#root span.toggle-end{padding:0}#root span.property{color:#204a87}#root span.number{padding-left:5px;color:#ad7fa8}#root span.string{padding-left:5px;color:#4e9a06}#root span.toggle-wrap{padding-left:5px}header{height:40px;color:#7f4040;padding-top:14px;padding-left:40px;border-bottom:1px solid #cdcdcd}