:root{--vh: 1vh}#root{background:#fff;position:absolute;height:calc(var(--vh) * 100 - 16px);inset:8px}.App{display:grid;width:100%;height:100%;text-align:center;grid-template-rows:minmax(200px,1fr) auto}.canvas_wrapper{box-sizing:border-box;border:1px solid black;border-bottom:0;margin:0;min-height:0;min-width:0}.App .canvas{display:block;width:100%;height:100%;min-height:0;min-width:0}@media(orientation:landscape){.App{grid-template-rows:none;grid-template-columns:minmax(300px,1fr) auto}.canvas_wrapper{border-bottom:1px solid black;border-right:0}}.function-inputs{border:1px solid black;max-width:100%;max-height:100%;margin:0;min-width:0;min-height:auto;overflow:auto}.function-input-form{display:flex}.function-input-form>*{margin:2px}body{margin:8px}