.App{height:100vh;width:100vw;display:flex;flex-direction:column}.canvas{top:50px;margin:0;position:relative;height:100vh;width:100vw}.header{top:10px;background-color:#fff;color:red;text-align:center;padding:10px 0}.footer{text-align:center;color:#070707}.footer-content{color:#070707;font-size:larger}.pane-content{padding:10px;overflow:auto;color:#fff}.reflex-element{height:200%;width:200%;margin:0;padding:0;background-color:#fff;color:#070707;font-size:small}.reflex-splitter{background-color:#888;border:1px solid #666}.resizing{pointer-events:none}.gizmo-container{position:absolute;bottom:10px;right:10px;z-index:10;background-color:#fff;width:100px;height:100px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}body.reflex-col-resize{cursor:col-resize}body.reflex-row-resize{cursor:row-resize}.reflex-container{justify-content:flex-start;align-items:stretch;align-content:stretch;display:flex;position:relative;height:100%;width:100%}.reflex-container.horizontal{flex-direction:column;min-height:1px}.reflex-container.vertical{flex-direction:row;min-width:1px}.reflex-container>.reflex-element{position:relative;overflow:hidden;height:100%;width:100%}.reflex-container.reflex-resizing>.reflex-element{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reflex-container>.reflex-element>.reflex-size-aware{height:100%;width:100%}.reflex-container>.reflex-splitter{background-color:#eee;z-index:100}.reflex-container>.reflex-splitter.active,.reflex-container>.reflex-splitter:hover{background-color:#c6c6c6;transition:all 1s ease}.horizontal>.reflex-splitter{border-bottom:1px solid #c6c6c6;border-top:1px solid #c6c6c6;cursor:row-resize;width:100%;height:2px}.reflex-element.horizontal .reflex-handle{cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reflex-container.horizontal>.reflex-splitter:hover,.reflex-container.horizontal>.reflex-splitter.active{border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee}.reflex-container.vertical>.reflex-splitter{border-right:1px solid #c6c6c6;border-left:1px solid #c6c6c6;cursor:col-resize;height:100%;width:2px}.reflex-element.vertical .reflex-handle{cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reflex-container.vertical>.reflex-splitter:hover,.reflex-container.vertical>.reflex-splitter.active{border-right:1px solid #eeeeee;border-left:1px solid #eeeeee}.reflex-container>.reflex-splitter.reflex-thin{box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;opacity:.2;z-index:100}.reflex-container>.reflex-splitter.reflex-thin.active .reflex-container>.reflex-splitter.reflex-thin:hover{transition:all 1.5s ease;opacity:.5}.reflex-container.horizontal>.reflex-splitter.reflex-thin{border-bottom:8px solid rgba(255,255,255,0);border-top:8px solid rgba(255,255,255,0);height:17px!important;cursor:row-resize;margin:-8px 0;width:100%}.reflex-container.horizontal>.reflex-splitter.reflex-thin.active,.reflex-container.horizontal>.reflex-splitter.reflex-thin:hover{border-bottom:8px solid #e4e4e4;border-top:8px solid #e4e4e4}.reflex-container.vertical>.reflex-splitter.reflex-thin{border-right:8px solid rgba(255,255,255,0);border-left:8px solid rgba(255,255,255,0);width:17px!important;cursor:col-resize;margin:0 -8px;height:100%}.reflex-container.vertical>.reflex-splitter.reflex-thin.active,.reflex-container.vertical>.reflex-splitter.reflex-thin:hover{border-right:8px solid #e4e4e4;border-left:8px solid #e4e4e4}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;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}}