.Modal-module__KW-HUW__modal{--modal-padding:32px;color:#000;padding:var(--modal-padding);box-sizing:border-box;background-color:#fff;outline:0;width:max-content;max-width:calc(100vw - 16px);position:absolute;top:50%;left:50%;transform:translate(-50%,-75%)}.Modal-module__KW-HUW__overlay{background-color:#0000004d;position:fixed;inset:0}.Modal-module__KW-HUW__button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:2em;position:absolute;top:0;right:0}.Modal-module__KW-HUW__title{position:absolute;top:-10px}@media (max-width:899px){.Modal-module__KW-HUW__modal{--modal-padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;transform:translate(-50%,-50%)}.Modal-module__KW-HUW__title{margin:0 0 8px;position:static}}
.Palette-module__LoSVMa__root{cursor:pointer;margin:8px 0;padding:8px 0}.Palette-module__LoSVMa__colors{--swatch-size:32px;width:calc(var(--swatch-size) * 16);flex-wrap:nowrap;max-width:100%;display:flex}.Palette-module__LoSVMa__item{flex:0 1 var(--swatch-size);aspect-ratio:1;outline:1px solid #fff;min-width:0}.Palette-module__LoSVMa__title{margin-bottom:8px;display:block}.Palette-module__LoSVMa__root.Palette-module__LoSVMa__selected{margin-left:calc(var(--modal-padding) * -1);margin-right:calc(var(--modal-padding) * -1);padding-left:var(--modal-padding);background:#b4b4b4}.Palette-module__LoSVMa__selected .Palette-module__LoSVMa__item{outline:1px solid #b4b4b4}
.ToolbarPalette-module__2b-nza__root{flex-flow:wrap;width:100%;display:flex}.ToolbarPalette-module__2b-nza__colorItem{aspect-ratio:1;width:12.5%}.ToolbarPalette-module__2b-nza__button{border:none;outline:none;width:100%;height:100%;padding:0;display:block}@media (max-width:899px) and (max-height:480px){.ToolbarPalette-module__2b-nza__root{width:calc(var(--toolbar-cell) * 8)}}@media (min-width:900px){.ToolbarPalette-module__2b-nza__root{width:var(--toolbar-group);height:calc(var(--toolbar-cell) * 8);flex-flow:column wrap}.ToolbarPalette-module__2b-nza__colorItem{width:var(--toolbar-cell);height:var(--toolbar-cell);aspect-ratio:auto}}
.ToolbarSeparator-module__0smj5a__root{background:#282c34;height:4px}.ToolbarSeparator-module__0smj5a__verticalOnMobile{align-self:stretch;width:4px;height:auto}@media (min-width:900px){.ToolbarSeparator-module__0smj5a__verticalOnMobile{align-self:auto;width:auto;height:4px}}
.ToolbarColorChoosen-module__GsoPFa__background{width:var(--toolbar-group);height:var(--toolbar-group);justify-content:center;align-items:center;display:flex;position:relative}.ToolbarColorChoosen-module__GsoPFa__foreground{width:var(--toolbar-cell);height:var(--toolbar-cell)}.ToolbarColorChoosen-module__GsoPFa__swap{background:#000;border:none;outline:none;margin:0;padding:2px;display:flex;position:absolute;top:0;right:0}
.ToolbarItem-module__eZdL3W__root{height:var(--toolbar-cell);width:var(--toolbar-cell);color:#fff;background:#000;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.ToolbarItem-module__eZdL3W__root>*{opacity:.15}.ToolbarItem-module__eZdL3W__selected{color:#000;background:#555!important}.ToolbarItem-module__eZdL3W__selected>*{opacity:1}.ToolbarItem-module__eZdL3W__disabled{background:#000}.ToolbarItem-module__eZdL3W__disabled>*{opacity:.08}
.ToolbarContainer-module__6P7Orq__root{width:var(--toolbar-group);margin-bottom:var(--toolbar-gap);border:1px solid #ffffff1a}.ToolbarContainer-module__6P7Orq__blackBackground{background:#000}.ToolbarContainer-module__6P7Orq__fillContent{flex-direction:column;display:flex}.ToolbarContainer-module__6P7Orq__fillContent>:last-child{flex:1;height:auto}.ToolbarContainer-module__6P7Orq__fitContentOnMobile{width:max-content}.ToolbarContainer-module__6P7Orq__wide{width:min(100%, var(--drawing-size));box-sizing:border-box;order:1}.ToolbarContainer-module__6P7Orq__title{color:#000;background:#fff6;padding:2px;font-size:.8em;font-weight:700;display:block;position:relative}.ToolbarContainer-module__6P7Orq__clickable{cursor:pointer}.ToolbarContainer-module__6P7Orq__icon{opacity:.3;font-size:.7em;position:absolute;top:5px;right:2px}.ToolbarContainer-module__6P7Orq__title:hover .ToolbarContainer-module__6P7Orq__icon{opacity:1}@media (max-width:899px) and (max-height:480px){.ToolbarContainer-module__6P7Orq__wide{width:min(100%, var(--drawing-size));order:0}}@media (min-width:900px){.ToolbarContainer-module__6P7Orq__fillContent>:last-child{height:var(--toolbar-group);flex:none}.ToolbarContainer-module__6P7Orq__fitContentOnMobile{width:var(--toolbar-group)}.ToolbarContainer-module__6P7Orq__wide{width:var(--toolbar-group);box-sizing:content-box;order:0}}
.ToolbarPreview-module__D0m8HW__root{text-align:center}
.ToolBar-module__JLoSiW__root{justify-content:center;align-items:stretch;gap:0 var(--toolbar-gap);flex-flow:wrap;width:100%;display:flex}.ToolBar-module__JLoSiW__container{flex-wrap:wrap;display:flex}.ToolBar-module__JLoSiW__previewContainer{align-items:center;display:flex}.ToolBar-module__JLoSiW__hidden{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (min-width:900px){.ToolBar-module__JLoSiW__root{width:var(--toolbar-group);flex:none;display:block}.ToolBar-module__JLoSiW__previewContainer{display:block}}
.CanvasElement-module__AGWpia__root{cursor:crosshair;width:100%;height:100%;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;display:block}
.Signature-module__mFGmNa__version{text-align:center;color:#fff6;font-size:.8em}.Signature-module__mFGmNa__love{vertical-align:-2px}.Signature-module__mFGmNa__link{color:#fff6}.Signature-module__mFGmNa__link:hover{color:#fff}
.Editor-module__5O38lG__app{align-items:center;gap:var(--toolbar-gap);box-sizing:border-box;flex-direction:column;min-height:100dvh;padding:8px;display:flex}.Editor-module__5O38lG__workspace{align-items:center;gap:var(--toolbar-gap);flex-direction:column;width:100%;display:flex}.Editor-module__5O38lG__canvasArea{justify-content:center;width:100%;display:flex}.Editor-module__5O38lG__canvasContainer{outline:1px solid #fff6;flex:none;position:relative}.Editor-module__5O38lG__cursor{box-sizing:border-box;pointer-events:none;border:1px solid #0006;outline:1px solid #fff6;position:absolute}@media (pointer:coarse){.Editor-module__5O38lG__cursor{display:none}}@media (min-width:900px){.Editor-module__5O38lG__workspace{flex-direction:row;justify-content:center;align-items:flex-start;gap:16px}.Editor-module__5O38lG__canvasArea{max-width:var(--canvas-max);flex:0 auto;min-width:0}}