.DrawletApp-module_root__3_IiV{position:relative;display:grid;width:100%;height:100%;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"tools tools tools" "left canvas right" "status status status";user-select:none;overflow:hidden}.DrawletApp-module_root__3_IiV a{color:#fff}.DrawletApp-module_canvasContainer__1Q96A{grid-row:1/4;grid-column:1/4;overflow:auto;background:#333;cursor:crosshair}.DrawletApp-module_left__1sg_9,.DrawletApp-module_right__2MJgS,.DrawletApp-module_status__15tMW,.DrawletApp-module_tools__37ul3{z-index:1;color:#fff;background:rgba(0,0,0,.4);backdrop-filter:blur(5px)}.DrawletApp-module_left__1sg_9{display:flex;max-width:20vw;min-width:90px;flex-direction:column}.DrawletApp-module_tools__37ul3{grid-area:tools;display:flex;flex-direction:row;padding:2px;align-items:center}.DrawletApp-module_cursorSlider__2Lji0{margin:2px 10px}.DrawletApp-module_cursorCounter__1T5OR{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:4em;font-size:.7em;text-align:right}.DrawletApp-module_canvas__3_48o{background:#fff;flex-shrink:0;flex-grow:0;user-select:none}.DrawletApp-module_toolLabel__3bs7L{margin-top:10px;margin-bottom:3px}.DrawletApp-module_diagInfo__3d1qS{font-size:.7em}.DrawletApp-module_value__188mw{float:right;font-variant-numeric:tabular-nums;font-size:80%}.DrawletApp-module_toolLabel__3bs7L:first-child{margin-top:0}.DrawletApp-module_left__1sg_9{grid-area:left;flex-shrink:0;width:150px;padding:10px}.DrawletApp-module_right__2MJgS{grid-area:right;flex-shrink:0}.DrawletApp-module_status__15tMW{grid-area:status;flex-shrink:0;display:flex;flex-direction:row;align-items:center}.DrawletApp-module_status__15tMW>*{padding:3px 5px}.DrawletApp-module_status__15tMW>.DrawletApp-module_value__188mw{width:5em;text-align:right;flex-shrink:0;flex-grow:0}.Slider-module_slider__2Sc51{width:100%;position:relative;border:1px solid #888;background:linear-gradient(90deg,rgba(0,0,0,.75),hsla(0,0%,100%,.75));backdrop-filter:blur(10px);border-radius:2px;cursor:pointer;margin:2px 0;outline:none;display:flex;align-items:center;overflow:hidden}.Slider-module_slider__2Sc51:focus{border-color:#fff}.Slider-module_mark__2HtxG,.Slider-module_thumb__j3tTe{position:absolute}.Slider-module_thumb__j3tTe{top:0;bottom:0;background:#fff;width:2px;border-right:1px solid #000}.Slider-module_mark__2HtxG{bottom:0;height:4px;background:#ccc;width:2px;border-right:1px solid #000}.Slider-module_label__1DGh4,.Slider-module_valueLabel__sm9Eg{flex-grow:1;flex-shrink:0;z-index:1;padding:2px 4px}.Slider-module_label__1DGh4{color:#fff;font-size:.9em;text-shadow:0 0 2px #000}.Slider-module_valueLabel__sm9Eg{font-size:.8em;text-shadow:0 0 2px #fff;vertical-align:center;color:#000;text-align:right;font-variant-numeric:tabular-nums}.Icon-module_icon__1S5vJ{display:inline-block;width:1em;height:1em;margin:0 .3em .15em;background-color:currentColor;vertical-align:middle}body.pointer-events-bridge-module_DrawletPanning__23fLX *{cursor:grab!important}body.pointer-events-bridge-module_DrawletPanningActive__1IzlW *{cursor:grabbing!important}.LayerList-module_layers__3t1e0{display:flex;flex-direction:column;border:1px solid #888}.LayerList-module_layer__x5uw3+.LayerList-module_layer__x5uw3{border-top:1px solid #888}.LayerList-module_layer__x5uw3{display:flex;border-radius:0;flex-direction:row;align-items:center;background:#444;padding:0;margin:0}.LayerList-module_layerName__1QBf5{flex-grow:1}.LayerList-module_layerSelected__2Iddw{background:#666}.EditName-module_input__YRaLL{font-size:1em}.EditName-module_text__33Kav{cursor:pointer;text-decoration:underline;padding:.4em}.ColorChooser-module_currentColor__14YlL{height:30px;margin:1px}.ColorChooser-module_colorButtons__3mGpx{background:#000;padding:1px;display:inline-block;text-align:center}.ColorChooser-module_colorButton__2vaGF{width:30px;height:30px;margin:.5px;outline:none;border-radius:3px}