:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-text: rgba(255, 255, 255, .87);--color-bg: #242424;--white: #ffffff;--black: #000000;--overlay-dark: rgba(30, 30, 30, .6);--overlay-darker: #141414;--loader-bg: #121212;--muted-bg: rgba(255, 255, 255, .06);--muted-hover-bg: rgba(255, 255, 255, .12);--muted-border: rgba(255, 255, 255, .1);--muted-border-strong: rgba(255, 255, 255, .3);--muted-border-hover: rgba(255, 255, 255, .6);--muted-text: #e3e3e3;--scrollbar-thumb: #ffffff;--texture-card-bg: rgba(0, 0, 0, .226);--selected-border: rgba(255, 255, 255, .76);--label-bg: rgba(0, 0, 0, .8);--range-track-dark: rgb(37, 37, 37);--shadow-muted: rgba(74, 85, 104, .4);--color-dot-red: rgb(255, 0, 0);--color-dot-blue: rgb(0, 38, 255);--color-dot-green: rgb(0, 255, 13);--color-dot-yellow: rgb(229, 255, 0);--color-dot-purple: rgb(195, 0, 255);--color-dot-white: rgb(255, 255, 255);--color-dot-black: rgb(12, 12, 12);--range-blue-1: #367ebd;--range-blue-2: #3071a9;--range-blue-3: #2a6495;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Bowlby One SC,sans-serif;font-weight:400;font-style:normal}.texture-card-wrapper{display:flex;flex-direction:column;gap:.625rem;padding:.5rem;border-radius:1rem;margin-bottom:.875rem;background-color:var(--texture-card-bg)}.texture-card.thumb{width:7.5rem;height:7.5rem;background-size:cover;background-position:center;border-radius:1rem}.texture-card-controls{display:flex;gap:.5rem}.texture-card-actions.with-thumb{align-items:center;gap:.75rem}.texture-card-actions .action-buttons{display:flex;gap:8px}.control-group{text-align:center;min-width:10rem}.control-label{margin:.25rem 0 .375rem;font-size:.8125rem;color:var(--muted-text)}.texture-card-actions{display:flex;justify-content:space-around;gap:8px}.texture-card-actions button{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .5rem;background:var(--muted-bg);border:1px solid var(--muted-border);border-radius:.375rem;cursor:pointer}.texture-card-actions button svg{pointer-events:none}.texture-card-actions button:hover{background:var(--muted-hover-bg)}.custom-sticker-upload{background:var(--overlay-darker);border:2px dashed var(--muted-border-strong);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.custom-sticker-upload:hover{border-color:var(--muted-border-hover);box-shadow:0 .125rem .1875rem var(--shadow-muted)}.custom-sticker-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;color:var(--muted-text);font-weight:500;font-size:.875rem;width:100%;height:100%;padding:1rem}.custom-sticker-label svg{pointer-events:none}*{margin:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}::-webkit-scrollbar{width:.375rem}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:.625rem}::-webkit-scrollbar-track{background:transparent!important}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}html,body{margin:0;padding:0;overflow:hidden}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border:1px solid transparent;background-color:transparent;cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}canvas{width:100%;height:100%}.colors-container{display:flex;justify-content:center;align-items:center;gap:.375rem;padding:1rem}.color-dot-red{width:1.25rem;height:1.25rem;border-radius:50%;background-color:red;border:1px black solid}.color-dot-blue{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#0026ff;border:1px black solid}.color-dot-green{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#00ff0d;border:1px black solid}.color-dot-yellow{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#e5ff00;border:1px black solid}.color-dot-purple{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#c300ff;border:1px black solid}.color-dot-white{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#fff;border:1px black solid}.color-dot-black{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#0c0c0c;border:1px black solid}.texture-container,.sticker-container{justify-content:center;overflow-x:hidden;display:flex;flex-wrap:wrap;gap:.5rem;height:15rem}.texture-card{display:flex;justify-content:center;align-items:center;flex:0 0 0 calc(50% - .3125rem);height:5.625rem;width:5.625rem;background-color:var(--texture-card-bg);border-radius:.5rem;background-size:cover;background-repeat:repeat;background-position:center;cursor:pointer}.texture-card span{font-weight:700;color:#fff;padding:.125rem .25rem;border-radius:.25rem;background-color:#000;opacity:.8}.texture-container .texture-card span{pointer-events:none}.close-icon,.close-icon-sticker{cursor:pointer}.close-icon-empty{cursor:pointer;position:absolute;top:1.375rem;right:1rem}.appearence-control-icon{font-size:.625rem;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;right:.625rem;top:50%;opacity:1;cursor:pointer}.sticker-control-icon{font-size:.625rem;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;left:.625rem;top:50%;opacity:1;cursor:pointer}.camera-control{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:.625rem;cursor:pointer}#appearence-control{display:none;justify-content:space-evenly;align-items:center;flex-direction:column;text-align:center;height:80%;top:10%;padding:.5rem;width:21.875rem;position:absolute;right:1.25rem;background-color:#1e1e1e99;color:#fff;border-radius:1rem}#sticker-control{display:none;padding:.5rem;justify-content:space-evenly;align-items:center;flex-direction:column;text-align:center;height:80%;width:21.875rem;position:absolute;top:10%;left:1.25rem;background-color:#1e1e1e99;color:#fff;border-radius:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;font-size:1.125rem;text-align:left;width:100%;padding-left:1rem;padding-right:.5rem}.sticker-config-container{text-align:left;width:100%}.select-sticker{padding-top:3rem}.settings-container{display:flex;position:absolute;right:1.25rem;top:1.6rem}.logo-container{display:flex;position:absolute;left:1.25rem;top:1.25rem;font-size:1.5rem}#color-picker{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,red,#ff9a00,#d0de21,#4fdc4a,#3fdad8,#2fc9e2,#1c7fee,#5f15f2,#ba0cf8,#fb07d9,red);width:1.25rem;height:1.25rem;border-radius:50%;border:1px black solid;cursor:pointer}#color-picker::-webkit-color-swatch{display:none;background-color:transparent;background:transparent;border:transparent}#color-picker::-moz-color-swatch{display:none;background-color:transparent;background:transparent;border:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:2rem;width:2rem;background-color:red;border-radius:0}input[type=range]::-webkit-slider-thumb{background-color:#fff}input[type=range]::-webkit-slider-thumb{width:600px;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);margin:.2em;border-radius:.2em;box-shadow:0 .05em .25em var(--texture-card-bg);color:#333;text-shadow:0 -.05em .05em var(--texture-card-bg);font-size:75%;line-height:1.5;position:relative}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-ms-track{cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-runnable-track{height:.525rem;cursor:pointer;background:#252525!important;border-radius:.08125rem}input[type=range]:focus::-webkit-slider-runnable-track{background:#367ebd}input[type=range]::-moz-range-track{max-width:31.25rem;height:.525rem;cursor:pointer;background:#3071a9;border-radius:.08125rem}input[type=range]::-ms-track{max-width:31.25rem;height:.525rem;cursor:pointer;background:transparent;border-color:transparent;border-width:1rem 0;color:transparent}input[type=range]::-ms-fill-lower{background:#2a6495;border-radius:2.6px}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]::-ms-fill-upper{background:#3071a9;border-radius:2.6px}input[type=range]:focus::-ms-fill-upper{background:#367ebd}input[type=range]{-webkit-appearance:none;margin:18px 0;max-width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;animate:.2s;background:transparent;border-radius:1.3px}input[type=range]::-webkit-slider-thumb{height:2.25rem;width:1rem;border-radius:.1875rem;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-.875rem}input[type=range]:focus::-webkit-slider-runnable-track{background:transparent}input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;animate:.2s;background:#3071a9;border-radius:1.3px}input[type=range]::-moz-range-thumb{height:2.25rem;width:1rem;border-radius:.1875rem;background:#fff;cursor:pointer}input[type=range]::-ms-track{height:8.4px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:transparent;border-radius:2.6px}input[type=range]::-ms-fill-upper{background:transparent;border-radius:2.6px}input[type=range]::-ms-thumb{border:1px solid #000000;height:2.25rem;width:1rem;border-radius:.1875rem;background:#fff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:transparent}input[type=range]:focus::-ms-fill-upper{background:transparent}.loader{width:25rem;height:25rem;padding-bottom:10rem;font-size:6rem;display:inline-block;position:relative;display:flex;justify-content:center;align-items:center}.loader:after,.loader:before{content:"";box-sizing:border-box;width:25rem;height:25rem;border-radius:50%;border:.625rem solid #fff;position:absolute;left:0;top:0;animation:animloader 1.5s linear infinite}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#121212;display:flex;align-items:center;justify-content:center;z-index:9999;will-change:clip-path,opacity}.loader-container p{position:absolute}input[type=file i]{color:transparent!important;width:3.75rem!important}.camera-control-container{position:absolute;justify-content:center;bottom:1.25rem;color:#fff;gap:4.25rem;text-align:center;display:flex;border-radius:1rem;z-index:20;width:100%}@media (max-width: 31.25rem){.texture-container,.sticker-container{height:auto;min-height:10rem}.appearence-control-icon,.sticker-control-icon{padding:30px;top:85%!important}.camera-control-container{gap:.7rem}#appearence-control,#sticker-control{position:absolute;height:200px;top:73%;left:0;width:100%;justify-content:center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:wrap;padding:1rem;gap:.5rem;border-radius:0;background-color:#141414}}.selected{border:2px solid rgba(255,255,255,.76);position:relative}.selected-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:.125rem .3125rem;border-radius:.1875rem;font-size:.75rem;pointer-events:none}#hover-text{position:fixed;pointer-events:none;background:#0000;color:#fff;width:6.25rem;height:6.25rem;border-radius:50%;font-family:Arial,sans-serif;font-size:.875rem;display:none;z-index:9999;animation:rotateText 10s linear infinite}#hover-text .click-to-edit-text span{position:absolute;left:50%;top:0;transform-origin:0 3.125rem}@keyframes rotateText{0%{transform:rotate(360deg)}to{transform:rotate(0)}}#hover-text .click-to-edit-text span:nth-child(n){transform:rotate(calc(var(--i) * 12.8deg)) translateY(-20px)}#hover-text .click-to-edit-text span:nth-child(1){--i: 0}#hover-text .click-to-edit-text span:nth-child(2){--i: 1}#hover-text .click-to-edit-text span:nth-child(3){--i: 2}#hover-text .click-to-edit-text span:nth-child(4){--i: 3}#hover-text .click-to-edit-text span:nth-child(5){--i: 4}#hover-text .click-to-edit-text span:nth-child(6){--i: 5}#hover-text .click-to-edit-text span:nth-child(7){--i: 6}#hover-text .click-to-edit-text span:nth-child(8){--i: 7}#hover-text .click-to-edit-text span:nth-child(9){--i: 8}#hover-text .click-to-edit-text span:nth-child(10){--i: 9}#hover-text .click-to-edit-text span:nth-child(11){--i: 10}#hover-text .click-to-edit-text span:nth-child(12){--i: 11}#hover-text .click-to-edit-text span:nth-child(13){--i: 12}#hover-text .click-to-edit-text span:nth-child(14){--i: 13}#hover-text .click-to-edit-text span:nth-child(15){--i: 14}#hover-text .click-to-edit-text span:nth-child(16){--i: 15}#hover-text .click-to-edit-text span:nth-child(17){--i: 16}#hover-text .click-to-edit-text span:nth-child(18){--i: 17}#hover-text .click-to-edit-text span:nth-child(19){--i: 18}#hover-text .click-to-edit-text span:nth-child(20){--i: 19}#hover-text .click-to-edit-text span:nth-child(21){--i: 20}#hover-text .click-to-edit-text span:nth-child(22){--i: 21}#hover-text .click-to-edit-text span:nth-child(23){--i: 22}#hover-text .click-to-edit-text span:nth-child(24){--i: 23}#hover-text .click-to-edit-text span:nth-child(25){--i: 24}#hover-text .click-to-edit-text span:nth-child(26){--i: 25}#hover-text .click-to-edit-text span:nth-child(27){--i: 26}#hover-text .click-to-edit-text span:nth-child(28){--i: 27}