#root{flex:1 1 100%;width:100%}.App{display:flex;position:relative;flex-direction:column;width:100%;height:100%}.App .nav{position:fixed;width:100%;color:#000;background-color:#999;font-weight:700;flex:0 0 auto;padding:2px 2px 1px}.App .nav .button{padding:2px;cursor:pointer}.App .nav .button:hover{color:#fff;background-color:#000;padding:2px 10px}.App .contents{display:flex;width:100%;margin-top:2em}.App .contents .pane{flex:1 1 50%;padding:5px}.App .contents .pane CANVAS{border:1px dotted rgba(255,255,255,.1);max-width:100%;max-height:90vh}.App .contents .pane .controls INPUT{vertical-align:middle;width:50%}.hidden{position:absolute;visibility:hidden;z-index:-1}.align-left{text-align:left}.align-right{text-align:right}@media screen and (max-width: 600px){.App .contents{flex-direction:column}.App .contents .pane{padding:1px 2px}.App .contents .pane .controls{padding-left:4px}.align-right{text-align:inherit}}: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}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}