@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";body{padding:0;margin:0;font-family:Outfit;font-size:12px;font-weight:200;overflow:hidden;overflow-y:hidden;overflow-x:hidden}img{width:100%;height:100%;object-fit:cover}*{user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-drag:none;-moz-user-select:none;-ms-user-select:none}.photoshop-header{width:100vw;height:10vh;background-color:#0d141a;overflow:hidden;color:#fff;font-weight:400;display:flex;align-items:center}.header-download{margin-left:auto;margin-right:5vw;width:max-content;padding-left:1vw;padding-right:1vw;padding-top:1vh;padding-bottom:1vh;border-radius:1vh;height:3vh;display:flex;align-items:center;gap:.75vw;background-color:#0000006f;cursor:pointer;font-size:11px}.header-download img{width:1.25vw;height:1.25vw}.photoshop-body{position:relative;display:flex;box-sizing:border-box;height:90vh}.photoshop-body-toolbar{display:flex;flex-direction:column;width:4vw;box-shadow:0 0 10px #00000047}.photoshop-body-toolbar-tool{cursor:pointer;height:max-content;padding:1vw;display:flex;align-items:center;justify-content:center;opacity:.5;border-right:2px solid transparent}.photoshop-body-toolbar-tool.selected{opacity:1;background-color:#f2f2f2;border-right:2px solid rgb(167,234,255)}.photoshop-body-canvas{display:flex;flex-direction:column;align-items:center;width:71vw;position:relative}.canvas-container{position:relative;height:100%;width:100%;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center}.canvas-action-bar-dragger{padding:0;display:flex;align-items:center;padding-left:1vw}.canvas-action-bar-dragger img{object-fit:contain}.canvas-action-bar{position:absolute;bottom:10vh;z-index:100;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1vw;flex-grow:1;box-shadow:0 0 10px #00000047;font-weight:400;color:#000000bf;padding-right:1vw;font-size:10px}.canvas-action-bar-option{cursor:pointer;height:5vh;padding-left:.75vw;padding-right:.75vw;display:flex;align-items:center;justify-content:center;border:2px solid transparent}.canvas-action-bar-option:hover{background-color:#f2f2f2;border-top:2px solid rgb(167,234,255)}.photoshop-body-workspace{display:flex;flex-direction:column;width:25vw;background-color:#000;font-weight:400;color:#fff;box-shadow:0 0 10px #00000047}.workspace-layers{padding-top:2vh;box-sizing:border-box}.workspace-layer{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;padding-left:1.25vw;padding:1vh;border:1px solid transparent}.workspace-layer.selected{background-color:#88c5ff29}.workspace-layer.stamp{background-color:#00bbff3b}.workspace-layer-icon{height:9vh;width:5vw;border:2px solid rgba(255,255,255,.692);display:flex;align-items:center;justify-content:center}.workspace-layer-name{padding-left:2vw;font-size:11px}.workspace-layer-visibility{opacity:.8;cursor:pointer;width:1.5vw;padding:.75vw 1vw .25vw .75vw;padding-left:0}.workspace-layer-visibility.off{opacity:.2;cursor:pointer}.workspace-layer-name-input{border:none;outline:none;border-radius:none;width:7vw;border:1px solid rgba(182,182,182,.211)}.dragging{border:1px solid rgb(109,255,233)}.under-transform{position:absolute;display:flex;align-items:center;justify-content:center}.workspace-layer-children-container{padding-left:1vw}.workspace-tools{box-sizing:border-box;margin-top:auto;display:flex;padding-left:4vw;gap:.75vw;padding-bottom:4vh}.workspace-tools-item{width:1.5vw;cursor:pointer;opacity:.7}.workspace-tools-item img{object-fit:contain}.workspace-tools-item.question{margin-left:auto;margin-right:5vw}.workspace-tools-item:hover{opacity:1}.tool-button{height:4vh;border:1px solid black;margin-top:.5vh;margin-bottom:.5vh;cursor:pointer}.canvas-wrapper{cursor:pointer;position:absolute;width:90%;height:90%;display:flex;align-items:center;justify-content:center}.canvas{position:absolute;z-index:2;width:100%;height:100%;pointer-events:none}.canvas-tools{display:flex;background-color:red;padding:1vh;color:#fff;gap:2vw;position:absolute;z-index:3}.canvas-image-container{position:absolute;z-index:1;width:60%;height:60%;display:flex;align-items:center;justify-content:center}.canvas-image{position:absolute}.hide{display:none}.no-pointers{pointer-events:none}.virtual-canvas{position:absolute;z-index:2}.layer{position:absolute;width:auto;height:auto}.layer-canvas{width:50vw;height:50vh;cursor:pointer;box-shadow:0 0 10px #79797947}.layer-circle-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.layer-circle{z-index:10}.crop-canvas{position:absolute;z-index:-1;background-color:red;opacity:0}.imagelayer-container{position:absolute;display:flex;align-items:center;justify-content:center}.imagelayer-image-div{position:absolute}.imagelayer-image{width:50vw;display:block;background-color:#0ff}.imagelayer-tools{position:absolute;z-index:3;border:1px solid cyan;color:#0ff;cursor:pointer}.hide1{opacity:0}.drag-region{position:absolute;width:100%;height:100%}.draggable{cursor:pointer;border:2px solid rgb(148,148,148);border-style:dashed}.drag-corner{position:absolute;width:8px;height:8px;background-color:#fff;border:2px solid rgb(81,221,252);z-index:2}.drag-rotate{position:absolute;z-index:2;left:calc(50% - 8px);top:-8px;width:8px;height:8px;border-radius:50%;background-color:#fff;border:2px solid rgb(81,221,252);transform-origin:bottom center}.drag-corner.bottom-left-corner{bottom:-4px;left:-4px;transform-origin:center}.drag-corner.bottom-right-corner{position:absolute;bottom:-4px;right:-4px;transform-origin:center}.drag-corner.top-left-corner{position:absolute;top:-4px;left:-4px;transform-origin:center}.drag-corner.top-right-corner{position:absolute;top:-4px;right:-4px;transform-origin:center}.crop-region{position:absolute;width:100%;height:100%}.cropable.canvas-image-container{background-color:#000}.crop-corner{position:absolute;width:10px;height:10px;z-index:20;transform-origin:center;animation:cropBorder 1s infinite alternate;cursor:pointer}.crop-corner.bottom-left-corner{bottom:-0px;left:-0px;border-left:4px solid;border-bottom:4px solid;border-color:#fff;transform-origin:bottom left}.crop-corner.bottom-right-corner{position:absolute;bottom:-0px;right:-0px;border-right:4px solid;border-bottom:4px solid;border-color:#fff;transform-origin:bottom right}.crop-corner.top-left-corner{position:absolute;top:-0px;left:-0px;border-left:4px solid;border-top:4px solid;border-color:#fff;transform-origin:top left}.crop-corner.top-right-corner{position:absolute;top:-0px;right:-0px;border-right:4px solid;border-top:4px solid;border-color:#fff;transform-origin:top right}@keyframes cropBorder{0%{border-color:#fff}50%{border-color:#000}to{border-color:#fff}}.dropdown-container{position:absolute;z-index:1000;color:#fff;background-color:#000;border:2px solid;font-weight:400;font-size:11px;cursor:pointer;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.7);padding-top:1vw;padding-bottom:1vw}.dropdown-option{padding-left:1.5vw;padding-right:1.5vw;padding-top:.75vh;padding-bottom:.75vh}.dropdown-option:hover{background-color:#88c5ff4d}.photoshop-body-toolbar-color-container{display:flex;align-items:center}.photoshop-body-toolbar-color-input{display:none}.photoshop-body-toolbar-color{cursor:pointer;background-color:#000;width:1.5vw;height:1.5vw}.paint-actionbar{display:flex;justify-content:center;padding:1vh;padding-left:1vw}.pencil-actionbar-opacity-value,.pencil-actionbar-stroke-value{display:flex;justify-content:center;margin-bottom:.5vh;margin-top:0vh;font-size:10px}.pencil-actionbar-opacity-container,.pencil-actionbar-stroke-container{width:12vw;margin-left:2vw;display:flex;flex-direction:column;align-items:center;justify-content:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:rgb(235,235,235);border-radius:5px;border:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;border:none;background:rgb(74,77,255);cursor:pointer}input[type=range]::-moz-range-thumb{position:absolute;z-index:10;width:10px;height:10px;border-radius:50%;border:none;background:rgb(74,77,255);cursor:pointer;pointer-events:auto}.instructions-container{position:absolute;z-index:1000;background-color:#fff;top:15vh;left:20vw;width:30vw;height:50vh;box-shadow:0 0 10px #00000047;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2vh}.instructions-title{padding-bottom:2vh}.instructions-item{box-sizing:border-box;padding-left:2vw;padding-right:2vw}.instructions-close{position:absolute;top:2vh;right:2vh;width:2.5vh;cursor:pointer}@media (max-width: 650px){.photoshop-body-toolbar{width:6vw}.photoshop-body-canvas{width:69vw}.workspace-tools-item{width:3.5vw;cursor:pointer;opacity:.7}}