#main-canvas{cursor:pointer;flex:1 1 0;min-height:0}div.input-container{flex-flow:wrap;place-content:center;align-items:stretch;gap:5px;width:100%;padding-top:2px;padding-bottom:2px;display:flex}div.input-text,div.input-range{color:#000;background-color:#fff;flex-grow:1;flex-shrink:1;min-height:3rem;padding:5px;font-family:Courier New,monospace;font-size:medium}div.input-text>label,div.input-range>label{display:block}div.input-text>input[type=text],div.input-range>input[type=range]{box-sizing:border-box;width:100%;font-family:Courier New,monospace;font-size:medium;display:block}div.input-text>input[type=text].valid-value{background-color:#a9ceec}div.input-text>input[type=text].invalid-value{background-color:#eca9a9}div.input-range>input[type=range]{cursor:pointer}body{color:#fff;background-color:#000;flex-flow:column;width:95vw;height:100vh;margin:0 auto;display:flex}h1{text-align:center;flex-flow:row;justify-content:space-between;align-items:center;column-gap:10px;margin-block:.2em;display:flex}h1>button{flex:0 0 2rem}#menu{flex:none}footer{text-align:center;flex:0 auto;width:100%}footer>a{color:#fff;font-size:small}