.editor{padding:2rem;cursor:default;font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.selected .token:not(.trivia),.selected.token:not(.trivia){background-color:#00008b}.dragging{color:#d3d3d3!important;background-color:#d3d3d3!important}.selected .token:not(.trivia):not([contenteditable]),.selected.token:not(.trivia):not([contenteditable]){background-color:#00f}.highlighted .token:not(.trivia):not([contenteditable]),.highlighted.token:not(.trivia):not([contenteditable]){background-color:#008d3d}.token[contenteditable=true]{outline:blue solid 2px;border-radius:.3em;cursor:text}.gap{background:#d3d3d3}.selected .gap,.selected.gap{margin:-4px;border:4px solid blue}#dragShadow{position:absolute}.title{display:inline-block;font-weight:700;font-size:1.2em;cursor:default}.title.selected{background-color:#00f}.context-pane{display:flex;flex-direction:column;align-items:flex-start;padding:2rem}.property-name{padding:4px 0}.reference{margin-right:4px}.property{margin-left:20px;padding:4px 0;cursor:pointer}.property.highlighted .node{background-color:#008d3d;display:inline-block;margin:-2px;padding:2px}.property.selected .node{background-color:#00f;display:inline-block;margin:-2px;padding:2px}.node{cursor:default}.environment{height:100%;display:flex;flex-direction:row;align-items:stretch}.environment>.editor{flex-grow:1}.environment>.context-pane{flex-basis:400px;max-width:30%;background-color:#1e1d1d}@media (max-aspect-ratio: 6/8){.environment{flex-direction:column}.environment>.context-pane{max-width:initial;max-height:30%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde!important;background-color:#242424!important;overflow:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#afab9d;text-decoration:underline}a:hover{color:#79735d}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;height:100vh}span.node{touch-action:manipulation}