*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0;tab-size:4}body,html{height:100%;overflow:hidden}button,label,select,summary{font-weight:700}button,input{width:100%}input[type=color]{padding:0}.with-border{border:1px solid #000;border-radius:.25rem;padding:.5rem}.bicolumn{display:flex;flex-wrap:wrap}.bicolumn>*{width:calc(50% - .5rem)}.bicolumn>:nth-child(2n){margin-left:1rem}.bicolumn>:nth-child(n+3){margin-top:1rem}.checkbox-input{align-items:center;display:flex}.checkbox-input input{height:1rem;margin-right:.5rem;width:1rem}.input{display:flex;flex-direction:column}.icon-button{background-color:transparent;background-size:contain;border:none;filter:brightness(.9);font-size:0;height:2rem;width:2rem}.icon-button:hover{filter:brightness(.75)}.icon-button:active{filter:brightness(.6)}.section-header{border-top:1px solid dimgray;font-size:large;font-weight:700;margin-top:1rem;padding-top:1rem}.code,.error{font-family:monospace;white-space:pre}.error{color:red;font-size:small;margin-top:.5rem;overflow:scroll}#fullscreen-button{background-image:url(images/fullscreen-icon.6fb275ab868c211eb98c.svg);bottom:1rem;left:1rem;position:absolute}:fullscreen #fullscreen-button{display:none}#play-pause-button{background-image:url(images/pause-icon.2a98cb8e01a5cb3849ce.svg)}#play-pause-button.paused{background-image:url(images/play-icon.f1f6812638f8ed60d769.svg)}#reset-button{background-image:url(images/reset-icon.097992dc50ba2a35d00a.svg)}#time-output{background-color:#fff;font-size:small;width:5rem}#time-controller{align-items:center;display:flex;left:50%;position:absolute;top:1rem;transform:translateX(-50%);transition:top .25s}#time-controller>:not(:first-child){margin-left:.5rem}:fullscreen #time-controller{top:-100%}:fullscreen #time-controller-wrapper:hover #time-controller{top:1rem}#time-controller-wrapper{height:6rem;left:0;position:absolute;top:0;width:100%}#repo{bottom:1rem;position:absolute;right:1rem}:fullscreen #repo{display:none}#view-area{max-width:calc(100% - 15rem);position:relative;width:calc(100% - 20rem)}#debug-canvas,#main-canvas{height:100%;left:0;position:absolute;top:0;width:100%}#control-panel{border-left:1px solid #000;min-width:15rem;overflow-y:scroll;padding:1.5rem 1.5rem 5rem;width:20rem}#control-panel>*{width:100%}#control-panel>:not(:first-child),#control-panel>details>:not(:first-child){margin-top:1rem}#control-panel textarea{resize:vertical}body{display:flex}body,body>*{height:100%}