._button_1ovoa_1{padding:10px}._input_2o6nn_1{padding:10px;font-family:inherit;width:100%}._container_2o6nn_6{position:relative}._container_2o6nn_6:has(>._suffix_2o6nn_9){--suffix-width: 8px}._container_2o6nn_6:has(>._suffix_2o6nn_9) ._input_2o6nn_1{padding-right:calc(10px + var(--suffix-width))}._suffix_2o6nn_9{pointer-events:none;position:absolute;right:0;bottom:0;top:0;padding:10px}._container_1o03g_1{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:10px;gap:10px}._container_1o03g_1 section{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px}@media (max-width: 800px) and (min-width: 500px){._container_1o03g_1{flex-direction:row;justify-content:space-evenly}._container_1o03g_1 ._separator_1o03g_24{width:1px;height:40px}}._durationInput_1o03g_31 input{text-align:right}._separator_1o03g_24{height:1px;width:min(100px,100% - 10px * 2);background-color:#000;align-self:center}#root:has(._canvasContainer_1a3vb_11){min-height:100lvh;height:100%;display:flex;flex-direction:row}@media (max-width: 800px){#root:has(._canvasContainer_1a3vb_11){flex-direction:column}}._canvasContainer_1a3vb_11{flex-basis:100%;flex-grow:1;flex-shrink:1;position:relative}._canvas_1a3vb_11{position:absolute;width:100%;height:100%;background-color:#eee}._controlPanel_1a3vb_33{min-width:180px;flex-shrink:0}body{margin:0}*,*:before,*:after{box-sizing:border-box}