body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sim-container{align-items:stretch;background-color:#3d3d3d;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.sim-container.editor-mode{align-items:stretch;display:flex;flex-direction:row}.sim-container .editor-container{display:flex;flex-direction:column;height:100%;width:100%}.sim-container .editor-content,.sim-container .main-content{display:flex;flex:1 1;height:100%}.sim-container .main-content{align-items:stretch;flex-direction:column;justify-content:flex-start;overflow:hidden}.sim-container canvas{background-color:#eee;border:1px solid #ccc;display:block;flex:1 1;min-height:0}@media (max-width:768px){.sim-container canvas{height:50%;width:95%}}.gui-container{box-sizing:border-box;height:100%;left:0;padding:20px;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.gui-panel{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:15px;pointer-events:auto}.gui-panel h3{margin-bottom:10px;margin-top:0}.gui-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 15px;pointer-events:auto}.gui-button:hover{background-color:#45a049}.gui-slider-container{align-items:center;display:flex;margin-bottom:10px;pointer-events:auto}.gui-slider-container label{margin-right:10px}.gui-slider{flex-grow:1;pointer-events:auto}.gui-slider-value{font-weight:700;margin-left:10px}.gui-checkbox-container{align-items:center;display:flex;margin-bottom:10px;pointer-events:auto}.gui-checkbox{margin-right:5px;pointer-events:auto}.gui-label{color:#333;font-weight:700;margin-bottom:5px;pointer-events:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9e911d58.css.map*/