body{height:100vh;width:100vw}#canvas-container{width:100%;height:100%;gap:20px;padding:0 20px 20px;display:grid;grid-template-columns:auto 1fr;min-height:0;font-family:IBMPlexMono;font-size:14px;accent-color:hsl(100 43.6 30);.checkbox-label,input[type=checkbox]{accent-color:var(--searing-red);cursor:pointer}[data-display]{font-family:SourceCode;font-weight:600}.controls{overflow-y:auto;min-width:250px;max-height:100%;height:fit-content;display:flex;align-self:start;flex-direction:column;gap:10px;border:1px solid black;padding:12px;background:var(--astronaut-white);.slider-number-input{width:40px;text-align:right;background:transparent;border:none;border-bottom:2px solid #ccc;font-family:IBMPlexMono;&:focus-visible{outline:none;border-bottom:2px solid var(--searing-red);background:#cccccc50}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.separator{height:1px;background:gray;margin-left:-12px;margin-right:-12px}.animation-section{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid black;input[type=range]{width:75%}#animation-button{margin-top:6px}}.input-section{padding-bottom:10px;&:hover{outline:1px solid #aaa}}.slider-container{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:6px}textarea,input[type=text]{font-family:SourceCode;font-weight:600;line-break:anywhere}input[type=range]{-webkit-appearance:none;appearance:none;width:80%;cursor:pointer;outline:none;height:6px;background:#ccc}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:30px;width:12px;border-radius:0;border-width:0;background-image:url(../indicator.svg);background-size:cover}input[type=range]::-moz-range-thumb{height:30px;width:12px;border-radius:0;border-width:0;background-image:url(../indicator.svg);background-size:cover}}#canvas{border:1px solid black;width:100%;height:100%}}@media (max-width: 740px){#canvas-container{height:unset;grid-template-columns:1fr;grid-template-rows:auto 1fr;.controls{overflow-y:unset}#canvas{height:95vh}}}