@font-face{font-family:IBM Plex Sans;src:local(IBM Plex Sans),url(IBMPlexSans-Regular.47db51d4.woff2)format("woff2"),url(IBMPlexSans-Regular.9fb5ce2b.woff)format("woff");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{scrollbar-color:#444 #1a1a1a;margin:0;overflow:hidden}body,button{color:#eee;background-color:#262626;font-family:IBM Plex Sans,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}button{border:none;outline:none;padding:0}a{color:#75a5bd}a:hover{color:#538eac}#title{object-fit:contain;width:auto;max-width:100%;height:3.5rem}#versionLabel{background-color:#2e2e2e;border-radius:6px;margin-top:.25rem;padding:.4rem .55rem}#langSelector{margin-top:.25rem}#welcomeScreen{opacity:1;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .25s;animation:.5s ease-out wsFade;overflow:auto}#welcomeScreen.hide{opacity:0;transform:scale(1.2)}#welcomeInnerBox{flex-direction:column;margin:auto 0;padding:64px 0}@keyframes wsFade{0%{opacity:0}to{opacity:1}}#openButtonsBox .pbfeButton{padding-top:.75rem;padding-bottom:.75rem;font-size:1.25rem}#openButtonsBox{flex:none;flex-basis:unset;background-color:#2e2e2e;background-image:linear-gradient(#2e2e2e,#292929);border-radius:6px;margin-top:50px;margin-left:20px;margin-right:20px;padding:2rem;animation:.5s ease-out wsOpen;box-shadow:0 0 16px 6px #1a1a1a}@keyframes wsOpen{0%{margin-top:25px}to{margin-top:50px}}#dndOverlay{pointer-events:none;box-sizing:border-box;z-index:200;background-color:rgba(255,255,255,.25);border:.25rem dashed #dda91a;position:fixed;top:0;left:0}#loadingBar{width:100%}#urlInput{width:calc(100% - .6rem);margin-top:.5rem}#editorBox{z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;flex-flow:column;transition:all .25s}#editorBox.hide{opacity:0;transform:scale(.8)}#editorInnerBox{flex:none;justify-content:center;align-items:center;width:100%;height:calc(100vh - 16rem);transition:all .5s;position:relative;overflow:hidden}#canvasBox{position:relative}#canvasBox canvas{width:100%;height:100%}#editorCanvas,#imgCanvas{image-rendering:pixelated;pointer-events:none}#editorCanvas{position:absolute;top:0;left:0}#editorMenu{background-color:#1a1a1a;flex-wrap:wrap;flex:none;align-content:flex-start;align-items:flex-start;width:100%;height:14rem;transition:all .5s;position:relative;overflow-x:hidden;overflow-y:auto}#editorMenu>:nth-last-child(3){margin-bottom:5rem}#editorMenu .pbfeButton:hover{transform:none}#returnBtn,#hideBtn{white-space:nowrap;border-radius:0;flex-basis:50%;position:fixed;bottom:0}#returnBtn{width:50%;height:calc(2.25rem - 2px);left:0;right:0}#hideBtn{width:50%;right:0}.sectionTitle{background-color:#444;background-image:linear-gradient(#444,#383838);flex-basis:100%;margin-top:.75rem;padding:.2rem 1rem;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.95rem;font-weight:700}#editorMenu .sectionTitle:first-child{margin-top:0}#notifBox{color:#333;pointer-events:none;opacity:0;background:linear-gradient(rgba(255,255,255,.5),rgba(200,200,200,.5));border-radius:6px;padding:.4rem .75rem;transition:all .15s;top:.5rem;left:.5rem}#notifBox.show{opacity:1}.menuInputBox{white-space:nowrap;flex-direction:row;flex-basis:100%;align-items:center;padding:.6rem .75rem 0;font-size:.95rem;display:flex}.menuInputBox.split{flex:none;width:calc(50% - 1.5rem)}.menuInputBox input{flex-basis:100%;margin-left:.5rem}.menuInputBox .pbfeCheckbox{flex-basis:2.25rem;margin-left:auto}.pbfeDialog .menuInputBox{padding-left:.25rem;padding-right:0}.pbfeDialog .menuInputBox:first-child{padding-top:0}.pbfeDialog .menuInputBox input{margin-left:auto;margin-right:.5rem;position:relative;left:.5rem}.pbfeDialog .menuInputBox input[type=number]{flex-basis:auto}.pbfeDialog .menuInputBox input[type=range]{flex-basis:70%}.menuBtn{flex-basis:100%;margin:.6rem .75rem 0;font-size:.9rem}#editorMenu .pbfeButton.menuBtn:hover{transform:scale(1.025)}.menuBtn.split{flex:none;width:calc(50% - 1.5rem)}.menuBtn.chosen{background-color:#354851;background-image:linear-gradient(#2f516a,#21394a)}.innerBoxBtn{background:0 0;font-size:1.25rem;position:absolute;top:0}.innerBoxBtn:hover{color:#fff;transform:none}#previewBox{pointer-events:none;align-items:flex-end;padding:.75rem;transition:all .5s;position:absolute;bottom:0;left:0}#previewBox div{margin-right:.5rem;overflow:hidden}#previewBox img{position:relative}#previewBox.panelHidden{bottom:2rem}.pbfeDialog canvas{max-width:100%;max-height:20rem}#saveDialog{text-align:center}#saveDialog .pbfeDialogBody .pbfeButton{width:30%;margin-bottom:.25rem}#saveDialog .pbfeDialogButtons{justify-content:center}#saveDialog .pbfeDialogButtons .pbfeButton{flex-basis:50%}#saveDialog canvas{margin-top:1rem;margin-bottom:.25rem}#saveQuickOptionsBox{margin-bottom:8px}#saveQuickOptionsBox .pbfeLabel{margin-left:8px}#imgActionsContainer{flex-wrap:wrap;justify-content:center;max-width:18rem;margin:0 auto 1rem;display:flex}#imgActionsContainer .pbfeButton{border-radius:6px 0 0 6px;flex-basis:50%}#imgActionsContainer .pbfeButton:last-child{border-left:none;border-radius:0 6px 6px 0}#colorPicker{z-index:101;opacity:1;background-color:#2e2e2e;border-radius:6px;width:16rem;padding:1rem;transition:all .25s;box-shadow:0 0 16px 4px rgba(0,0,0,.25)}#colorPicker.hide{opacity:0}#cpClose{position:absolute;bottom:1rem;right:1rem}#colorPicker .slider{border:2px solid #3e3e3e;border-radius:6px;flex-grow:1;height:.75rem;position:relative}#colorPicker input{height:1rem;font-size:.9rem}#colorPicker input[type=number]{width:3rem}#colorPicker input[type=text]{width:5rem}#colorPicker input[type=number]::-webkit-inner-spin-button{opacity:1}#colorPicker input[type=number]::-webkit-outer-spin-button{opacity:1}#colorPicker .valueFlex{align-items:center}#colorPicker .valueFlex .pbfeLabel{width:.75rem}#colorPicker .valueFlex>*{margin-right:.5rem}#colorPicker .valueFlex>:last-child{margin-right:0}#colorPicker .modeBtn{background-color:#232627;background-image:none;border:1px solid #515f66;border-radius:0;flex-basis:50%;padding-top:.25rem;padding-bottom:.25rem;font-weight:700}#colorPicker .modeBtn:hover{border-color:#2e789c}#colorPicker .modeBtn:first-child{border-radius:6px 0 0 6px}#colorPicker .modeBtn:last-child{border-radius:0 6px 6px 0}#colorPicker .modeBtn.chosen{background-color:#353a3b;border-color:#2e789c}.sliderPoint{border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;margin-top:-5px;margin-left:-5px;position:absolute}.cpButton{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #515f66;border-radius:4px;width:2.5rem;height:1.05rem;margin-left:auto}.edButton{background:0 0;margin-left:auto;padding:.4rem .5rem .2rem}.edButton img{height:1rem}.edButton.active{background-color:#555;background-image:none}#filtersInputsBox{max-height:8.5rem;margin-bottom:1.25rem;overflow:auto}#webPreviewDialog{max-width:unset;padding:12px 16px 0;top:0;left:calc(7% - 16px);transform:translateY(10%)}#webPreviewDialog.show{transform:translate(0%)}#previewIFrameWrapper{margin-top:.5rem;margin-bottom:.75rem;position:relative}#previewIFrame{border:none;border-radius:6px;outline:1px solid #515f66;width:100%;height:400px;position:relative}#loadNotif{pointer-events:none;opacity:0;background-color:rgba(0,0,0,.6);border-top-right-radius:6px;border-bottom-left-radius:6px;padding:.1rem .25rem;transition:all .25s;position:absolute;bottom:6px;left:0}#loadNotif.show{opacity:1}#loadNotif .pbfeLabel{margin-left:6px}#loadSpinner{width:1.25rem;height:1.25rem;animation:.5s linear infinite spin}#shapeBtnContainer{justify-content:center;width:100%;display:flex}#shapeBtnContainer .menuBtn{margin-left:.5rem;margin-right:0}#shapeBtnContainer .menuBtn:first-child{margin-left:.75rem}#shapeBtnContainer .menuBtn:last-child{margin-right:.75rem}#shapeBtnContainer .menuBtn{white-space:nowrap;background:0 0;flex-basis:4rem;overflow:hidden}#shapeBtnContainer .menuBtn .shapeIcon{margin-right:100%;transition:all .25s}#shapeBtnContainer .menuBtn.chosen{background-color:#457f9c;background-image:linear-gradient(#457f9c,#37667b);flex-basis:15rem}#shapeBtnContainer .menuBtn.chosen .shapeIcon{margin-right:8px}.shapeIcon{vertical-align:middle;border:3px solid #eee;width:1rem;height:1rem;display:inline-block}.shapeIcon.circle{border-radius:1rem}.shapeIcon.freeform{width:1.5rem;height:.75rem}#rotateCanvas{max-width:20rem;margin:5rem auto;display:block}@keyframes spin{0%{rotate:none}to{rotate:360deg}}@supports selector(::-webkit-slider-thumb){input[type=range]{pointer-events:none}input[type=range]::-webkit-slider-thumb{pointer-events:auto}}#titleBox{flex:none;margin-left:16px;margin-right:16px}@media screen and (min-width:1024px){#welcomeInnerBox{flex-direction:row}#openButtonsBox{flex-basis:310px;margin-top:0;margin-left:140px;margin-right:0;animation:.5s ease-out wsOpenRow}#titleBox{margin-left:0;margin-right:0}@keyframes wsOpenRow{0%{margin-left:70px}to{margin-left:140px}}}@media screen and (min-width:840px){::-webkit-scrollbar{width:7.2px}::-webkit-scrollbar-thumb{background-color:#444}::-webkit-scrollbar-thumb:hover{background-color:#555}#editorBox{flex-direction:row}#editorInnerBox{width:calc(100vw - 16rem);height:100%}#editorMenu{scrollbar-width:thin;width:16rem;height:calc(100% - 2rem);bottom:0}#returnBtn{right:6rem;left:unset;width:10rem}#hideBtn{width:6rem}#previewBox.panelHidden{bottom:0}#editorMenu>:nth-last-child(3){margin-bottom:1.5rem}}@media screen and (min-width:512px){#urlInput{min-width:20rem}#loadingBar{width:16rem}#webPreviewDialog{left:calc(50% - 241px);transform:scale(1.15)}#webPreviewDialog.show{transform:scale(1)}#previewIFrame{width:450px}#rotateCanvas{margin:5rem}}@media screen and (min-height:564px){#webPreviewDialog{top:calc(50% - 282px)}}
/*# sourceMappingURL=index.713fd791.css.map */