html,body{margin:0;height:100%;background:#222;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#dcdcdc}#app{height:100vh;width:100vw;overflow:hidden}#container{display:flex;width:100%;height:100%}#sidebar{width:400px;min-width:.5px;max-width:800px;background:#1e1e1e;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden;pointer-events:all;z-index:20}#resizer{width:4px;cursor:col-resize;background:#ffffff0d;transition:background .2s;z-index:10}#resizer:hover{background:#4a9eff80}.fileRow{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(255,255,255,.06)}.file-button{padding:6px 12px;background:#3c3c3c;border-radius:4px;cursor:pointer;font-size:.9em}.file-button:hover{background:#5a5a5a}#fileName{font-size:.9em;color:#c8c8c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeContainer{flex:1;overflow-x:hidden;overflow-y:auto}.tree{list-style:none;margin:0;padding:6px 0;font-size:.85em}.tree li{padding:2px 0;cursor:pointer;position:relative}.tree li>.caret:hover,.tree li>.node-key:hover,.tree li>.leaf-value:hover{background:#a51e1e4f;border-radius:0}.tree li:hover{background:transparent}.tree .node:before{content:"+";display:inline-block;width:14px;color:#969696}.tree .node.open:before{content:"-"}.tree ul{list-style:none;margin:0;padding-left:16px;display:none}.tree .node.open>ul{display:block}#viewer{flex:1;position:relative;background:#000;min-width:0}#viewer canvas{width:100%!important;height:100%!important;display:block}@keyframes flash-green{0%{background-color:#2ecc7166}to{background-color:transparent}}.updated-flash>span.caret,.updated-flash>.leaf-value{animation:flash-green 1s ease-out}.node{transition:background-color .2s}.node-key{font-weight:700;color:#efefef}.node-key{margin-right:4px}.caret .node-key{font-weight:700}.github-link{position:fixed;bottom:16px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#ffffff80;text-decoration:none;transition:all .2s ease;z-index:30}.github-link:hover{background:#ffffff1f;color:#fffc;border-color:#fff3}.github-link svg{width:20px;height:20px}
