@import"https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Outfit:wght@100..900&family=Pixelify+Sans:wght@400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--overlay-bg-light: rgba(0, 0, 0, .5);--overlay-bg-dark: rgba(255, 255, 255, .25);--popup-bg: rgb(220, 220, 220);--button-bg: #95544f;--text-color: #222222;--border-color: #ccc;--border-radius: 5px;--shadow-color: rgba(0, 0, 0, .4);--bg-color: #ffffff;--header-bg-color: #fa947ae3;--primary-color: #c54b26;--primary-color-dark: #d68870;--link-color: #212233;--link-hover-color: #c5622d;font-family:Pixelify Sans,sans-serif,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}body{margin:0;padding:0;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}.hidden{display:none}@media (prefers-color-scheme: dark){:root{--popup-bg: #3c3c3c;--text-color: #fff;--shadow-color: rgba(0, 0, 0, .7);--bg-color: #1a1a1a;--text-color: #ffffff;--primary-color-dark: #49201b;--primary-color: #cf2b25;--header-bg-color: #95544f;--link-color: #ffffff;--link-hover-color: #c5622d}.popup-overlay{background:var(--overlay-bg-dark)}}input[type=text]{font-size:16px}.gallery_container{padding:.5em;margin:auto;margin-top:var(--navbar-height)}.gallery_header{color:var(--text-color);text-align:center;margin-top:1em;margin-bottom:2em}.gallery_title{margin-bottom:2pt;margin-top:2pt}.gallery{display:grid;gap:1em;grid-template-columns:auto auto auto auto;width:calc(100% - 24px);margin:0 auto}.gallery .images{-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer;margin-bottom:12px;width:100%;box-sizing:border-box}.gallery .images:hover{filter:opacity(.7);transform:scale(1.05)}.gallery .images,.gallery .images:hover{filter:drop-shadow(5px 5px 5px var(--shadow-color));-webkit-filter:drop-shadow(5px 5px 5px var(--shadow-color))}.gallery img{width:100%;height:auto;display:block;image-rendering:pixelated}@media (max-width: 1280px){.gallery{grid-template-columns:auto auto auto}}@media (max-width: 768px){.gallery{grid-template-columns:auto auto}}@media (max-width: 480px){.gallery{grid-template-columns:auto}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5em;margin:1em 0}.pagination button{font-family:inherit;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:50px;padding:.5em 1em;font-size:1.2em;font-weight:600;cursor:pointer;transition:background-color .3s,transform .3s}.pagination button:not(:disabled):hover{background-color:var(--primary-color-dark);transform:scale(1.1)}.pagination button:disabled{background-color:var(--primary-color-light);cursor:not-allowed}.pagination button.active{background-color:var(--primary-color-dark);font-weight:700}@media screen and (max-width: 768px){.pagination button{font-size:.8em}}@media screen and (max-width: 480px){.pagination button{font-size:.6em}}:root{--navbar-height: 4em}.navbar{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;height:var(--navbar-height);margin:0;background-color:var(--header-bg-color);box-shadow:0 4px 6px #0000001a;z-index:1000;display:flex;align-items:center}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--link-color)}.navbar-links{display:flex;gap:20px}.navbar-links li{list-style-type:none}.navbar-links a{text-decoration:none;color:var(--link-color);transition:color .2s}.navbar-links a:hover{color:var(--link-hover-color)}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);background:none;border:none}@media (max-width: 768px){.menu-toggle{display:block}.navbar-links{display:none;flex-direction:column;background-color:var(--primary-color);position:absolute;top:50px;left:0;width:100%;padding:10px 0;text-align:center}.navbar-links.show{display:flex}}.navbar-logo{display:flex;align-items:center;gap:10px}.logo{width:40px;height:40px;object-fit:contain}.main-footer{padding:1rem;background-color:var(--background-color);text-align:center}.main-footer a{text-decoration:none}.main-footer hr{width:100%;height:1px;border-color:var(--popup-bg);background:var(--popup-bg);color:var(--popup-bg)}.not-found-container{padding:8em;display:flex;flex-direction:column;align-items:center}:root{--editor-canvas-padding: 8px;--editor-canvas-scale: calc(100vh - var(--top-toolbar-size) - var(--editor-canvas-padding))}@media all and (max-aspect-ratio: 505/476){:root{--editor-canvas-scale: calc(100vw - var(--left-toolbar-size) - var(--editor-canvas-padding))}}.editor-canvas{border:1px solid black;cursor:pointer;width:var(--editor-canvas-scale);height:var(--editor-canvas-scale);image-rendering:pixelated;image-rendering:crisp-edges;margin-left:auto;margin-right:auto;display:block}:root{--left-toolbar-size: 8em;--left-toolbar-height: min(calc(100dvh - (var(--top-toolbar-size))), calc(100vh - (var(--top-toolbar-size))))}.left-toolbar{height:var(--left-toolbar-height);width:var(--left-toolbar-size);position:fixed;top:var(--top-toolbar-size);left:0;background-color:#64646499;display:flex;flex-direction:column}.icon-container{display:flex;flex-wrap:wrap;padding-left:2px;max-width:var(--left-toolbar-size)}.icon-container .icon{margin:2px;border:1px solid transparent;cursor:pointer;border-radius:30%;-webkit-border-radius:30%;-moz-border-radius:30%;-ms-border-radius:30%;-o-border-radius:30%;width:45%;height:auto;font-size:100%}.icon-container .icon>*{padding:.1rem;display:flex;align-items:center;justify-content:center}.icon-container .icon:hover{border-color:var(--primary-color)}.icon-container .active{color:var(--primary-color)}.left-toolbar .align-end{align-self:flex-end;margin-top:auto}.left-toolbar .toolbar-square{width:var(--left-toolbar-size);height:var(--left-toolbar-size);display:flex;justify-content:center;align-items:center}.tooltip-vertical{position:relative;display:inline-block}.tooltip-vertical:before{content:attr(button-name);position:absolute;top:50%;left:calc(100% + .5em);transform:translateY(-50%);background-color:#000000d9;color:#fff;padding:.5em 1em;font-size:.6em;font-family:Pixelify Sans,sans-serif;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:all .3s ease-in-out;pointer-events:none;z-index:100;box-shadow:0 4px 8px #0003}.tooltip-vertical:after{content:"";position:absolute;top:50%;right:-11px;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.85);opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:100}.tooltip-vertical:hover:before,.tooltip-vertical:hover:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.tooltip-vertical-left:before{left:calc(-100% - .5em)}.tooltip-vertical-left:after{left:100%;transform:translateY(-50%) translate(0)}@media screen and (max-width: 632px){:root{--left-toolbar-size: 3em}.left-toolbar .toolbar-square{height:calc(var(--left-toolbar-size) * 4)}.icon-container .icon{width:100%}}:root{--color-box-size: 55px;--mini-box-size: 10px}.color-container{display:grid;grid-template-columns:var(--color-box-size) auto;grid-template-rows:var(--color-box-size) var(--color-box-size);gap:2px;row-gap:8px;padding:.2em;position:relative;width:calc(var(--color-box-size) + 15px);height:calc(var(--color-box-size) + 15px)}.color-pick-first{grid-column:1 / 2;grid-row:1 / 2;width:var(--color-box-size);height:var(--color-box-size);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;z-index:2}.color-pick-second{grid-column:1 / 2;grid-row:1 / 2;width:var(--color-box-size);height:var(--color-box-size);border:1px solid black;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;margin-top:15px;margin-left:15px;z-index:1}.btn-color-change{grid-column:2 / 3;grid-row:1 / 2;width:calc(var(--mini-box-size) * 2);height:calc(var(--mini-box-size) * 2);min-width:20px;min-height:20px;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:3}.btn-color-change>*{min-width:var(--mini-box-size);min-height:var(--mini-box-size)}.color-display-box{display:grid;grid-template-areas:"mini-box";justify-content:center;align-items:center;position:relative;width:var(--mini-box-size);height:var(--mini-box-size)}.color-display-first{grid-area:mini-box;position:absolute;z-index:2;width:var(--mini-box-size);height:var(--mini-box-size);background-color:#000;border:1px solid white}.color-display-second{grid-area:mini-box;position:absolute;z-index:1;left:3px;top:3px;width:var(--mini-box-size);height:var(--mini-box-size);background-color:#fff;border:1px solid white}@media screen and (max-width: 632px){:root{--color-box-size: 28px;--mini-box-size: 8px}.color-container{margin:0;display:flex;flex-direction:column;align-items:center;gap:15px;padding:1em;width:100%;height:auto}.color-pick-first,.color-pick-second{width:100%;max-width:var(--color-box-size);height:var(--color-box-size);margin:5px 0;border-radius:8px}.btn-color-change{width:calc(var(--mini-box-size) * 3);height:calc(var(--mini-box-size) * 3);border-radius:50%}.color-display-box{flex-direction:row;justify-content:center;width:100%;gap:10px}.color-display-first,.color-display-second{width:var(--mini-box-size);height:var(--mini-box-size);border-radius:50%}}:root{--top-toolbar-row-height: 4em;--top-toolbar-size: var(--top-toolbar-row-height)}.top-toolbar{background-color:#64646499;width:100%;height:var(--top-toolbar-size);display:flex;flex-direction:row;justify-content:space-evenly}.top-toolbar>*{-webkit-user-select:none;user-select:none}.top-controls{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}.top-controls>*{flex:1 1 auto;width:var(--top-toolbar-row-height);height:var(--top-toolbar-row-height);max-width:var(--top-toolbar-row-height);max-height:var(--top-toolbar-row-height)}.top-toolbar button{background-color:transparent;border-style:none;display:block}.top-toolbar .align-end{margin-left:auto}.top-toolbar button{border-radius:8px;border:1px solid transparent;padding:1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;display:flex;align-items:center;gap:.2em}.top-toolbar button>*{margin-left:auto;margin-right:auto}.top-toolbar button:hover{border-color:var(--primary-color)}.top-toolbar button:focus,.top-toolbar button:focus-visible{border-color:4px auto -webkit-focus-ring-color}.inline{display:inline}.tooltip{position:relative;display:inline-block}.tooltip:before{content:attr(button-name);position:absolute;top:calc(100% + .5em);left:50%;transform:translate(-50%) translateY(-10px);background-color:#000000d9;color:#fff;padding:.5em 1em;font-size:.9em;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:all .3s ease-in-out;pointer-events:none;z-index:100;box-shadow:0 4px 8px #0003}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent;opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:100}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media screen and (max-width: 728px){.small-hidden{display:none!important;visibility:hidden;width:0;height:0;margin:0;padding:0;position:absolute}}@media screen and (max-width: 640px){.top-controls{align-items:flex-start;justify-content:center}.top-controls>*{flex:0 0 calc(20% - .5em);min-width:min-content;margin:0}.mobile-hidden{display:none!important;visibility:hidden;width:0;height:0;margin:0;padding:0;position:absolute}}@media screen and (max-width: 580px){:root{--top-toolbar-size: calc(var(--top-toolbar-row-height) * 2)}}.menu-container{position:relative;display:inline-block;border-radius:none;background-color:transparent;z-index:1000;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:250;font-style:normal}.menu-container button:focus,.menu-container button:focus-visible{border-radius:8px;border:1px solid var(--primary-color);border-color:4px auto -webkit-focus-ring-color;border-color:4px auto var(--primary-color)}.menu-button{padding:10px 20px;background-color:transparent;border:none;outline:none;cursor:pointer;display:block}.menuBox{position:absolute;list-style:none;margin:0;padding:0;text-align:center;background-color:#d6d2d2;width:180px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;top:3.5em;left:1.5em}.icon{margin:0;padding:0;display:flex;font-size:100%;background-color:transparent;aspect-ratio:1 / 1;align-items:center;justify-content:center}.menuBox li{border-bottom:2px solid #b0a9a9;display:flex;justify-content:center;font-size:15px;align-items:center;color:#000;cursor:pointer}.menuBox li:hover{background-color:#b0a9a9;color:var(--primary-color)}.menuBox li:last-child{border-bottom:none}.alert-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.alert-box{background:#e6e1e1;padding:20px;border-radius:20px;width:70%;max-width:300px;text-align:center}.alert-box p{margin-block-start:0px;margin-block-end:0px}.title{font-size:1.2rem;margin:2px;padding:6px}.message1,.message2{font-size:1rem;margin:2px;padding:6px}.popup-button-container{display:flex;justify-content:space-around;margin-top:10px}.popup-button{font-family:inherit;font-size:14pt;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.cancel-button{background-color:#f44336;color:#fff}.confirm-button{background-color:#4caf50;color:#fff}.popup-image{width:100%;height:auto;border-radius:var(--border-radius);-webkit-border-radius:var(--border-radius);-moz-border-radius:var(--border-radius);-ms-border-radius:var(--border-radius);-o-border-radius:var(--border-radius)}@media (prefers-color-scheme: dark){.alert-overlay{background:#ffffff40}.alert-box{background:#282b30}}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay-bg-light);display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Pixelify Sans,sans-serif}.popup-box{background:var(--popup-bg);padding:20px;border-radius:15px;width:280px;text-align:center;box-shadow:2px 2px 8px var(--shadow-color)}.popup-title{text-align:left;margin:0;font-size:1.2rem;font-weight:700}.popup-line{margin:10px 0;border-top:1px solid #aaa}.input,.select{width:90%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;margin-bottom:15px}.flex{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-end{justify-content:flex-end;gap:10px}.popup-preview-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup-canvas-size{margin-left:auto;margin-right:auto}.popup-preview{width:80px;height:80px;border:1px solid #aaa;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.button{padding:8px 12px;border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:border-color .25s}.cancel-button{background-color:var(--button-bg);color:var(--text-color)}.create-button{background-color:var(--button-bg);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);color:var(--text-color)}.button:hover{border-color:#646cff}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: dark){:root{--popup-bg: #3c3c3c;--text-color: #fff}.popup-overlay{background:var(--overlay-bg-dark)}}.editor-container{width:100%;height:-webkit-fill-available;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-container{padding-left:var(--left-toolbar-size);z-index:0;-webkit-user-select:none;user-select:none}.editor-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.image_details{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000}.content{display:flex;max-width:1000px;width:80%;background-color:var(--bg-color);padding:20px;border-radius:10px;box-shadow:0 4px 6px #0003;position:relative}.error{max-width:1000px;width:80%;background-color:var(--popup-bg);border-radius:10px;padding:20px;color:#a62929;font-weight:800;text-align:center;font-size:18pt;position:relative;text-shadow:0 0 5px #a62929}.loading{max-width:1000px;width:80%;background-color:var(--popup-bg);border-radius:10px;padding:20px;color:#29a65d;font-weight:800;text-align:center;font-size:18pt;position:relative;text-shadow:0 0 5px #3ea629}.error p{margin:0;word-break:break-all}.image_section{flex:1;padding-right:20px}.image_section img{width:100%;height:auto;border-radius:8px;image-rendering:pixelated}.details_section{flex:1.5;padding-left:20px;display:flex;flex-direction:column;justify-content:flex-start}.details_section p{margin:10px 0}.details_section input{width:95%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.details_section button{padding:8px 15px;background-color:#4caf50;border:none;border-radius:5px;cursor:pointer;font-size:14px}.details_section button:hover{background-color:#45a049}.share_links{display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-evenly}.share_links a{font-size:24px;color:#0077b5;text-decoration:none}.share_links a:hover{color:#005f8a}.share_links button{display:flex;align-items:center;gap:.2em}.download_btn{margin-top:20px;padding:8px 15px;background-color:#0077b5;border:none;border-radius:5px;cursor:pointer;font-size:14px}.download_btn:hover{background-color:#005f8a}.close_icon{position:absolute;top:20px;right:20px;color:#333;cursor:pointer;font-size:30px;z-index:2000}@media (prefers-color-scheme: dark){.close_icon{color:#fff}}.tooltip{position:relative;display:inline-flex}.tooltip .tooltiptext{visibility:hidden;background-color:#000c;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:42;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;-webkit-user-select:none;user-select:none}.tooltip .tooltiptext.show{visibility:visible;opacity:1}@media screen and (max-width: 768px){.content{flex-direction:column;align-items:center}.image_section{padding-right:0}.image_section img{width:auto;height:20vh}.details_section{padding-left:0}}#root{width:100%;overflow-x:hidden}.job-watcher-overlay{position:fixed;bottom:50%;right:0;padding-left:8pt;padding-right:8pt;background-color:#00000080;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:6pt;pointer-events:none}.job-watcher-overlay *{pointer-events:auto}.progress-bar-container{width:100%;border-radius:2.5pt;overflow:hidden;-webkit-border-radius:2.5pt;-moz-border-radius:2.5pt;-ms-border-radius:2.5pt;-o-border-radius:2.5pt;position:relative}.progress-bar-background{background-color:var(--popup-bg);width:100%;position:relative}.progress-bar-fill{height:10px;background-color:var(--primary-color);position:relative}.progress-bar-text{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:100%;background-color:var(--text-color);-webkit-background-clip:text;background-clip:text;color:transparent}.progress-toast-overlay{position:fixed;bottom:1em;right:1em;width:20%;padding:2pt 8pt;background-color:#00000080;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:6pt;border-radius:.25em;-webkit-border-radius:.25em;-moz-border-radius:.25em;-ms-border-radius:.25em;-o-border-radius:.25em}.progress-toast-overlay,.progress-toast-overlay>*{pointer-events:none}.clear-job-btn,confirm-btn,cancel-btn{pointer-events:auto!important}.clear-job-popup-overlay,.popup-content,.popup-actions,.confirm-btn,.cancel-btn{pointer-events:auto!important}.clear-job-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;font-family:inherit;font-optical-sizing:auto;font-weight:200;font-style:normal;color:#fff;font-size:12px}.popup-content{background-color:#00000080;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000004d;width:400px;text-align:center}.popup-actions{display:flex;justify-content:space-around;margin-top:20px}.confirm-btn,.cancel-btn{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:4px}.confirm-btn{background-color:#4caf50;color:#fff;font-family:inherit}.cancel-btn{background-color:#f44336;color:#fff;font-family:inherit}.clear-job-btn{font-family:inherit;font-size:10pt;padding:10px 20px;margin-top:10px;border:none;border-radius:5px;cursor:pointer;background-color:#f44336;color:#fff}