html,body{margin:0;width:100%;height:100%}.image-uploader{display:contents;width:100%}.choose-image-txt{display:none;width:100%;color:#ccc;font-size:1rem;border:1px solid red}input[type=file]{width:100%;color:#444;border-radius:10px;border:2px solid #2e3845;margin:0}input[type=file]::file-selector-button{background:#151515;border:1px solid #2e3845;padding:.5rem 1rem;font-size:.8rem;color:#f8b195;border-radius:8px;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s;display:inline-flex;align-items:center;gap:.4rem}input[type=file]::file-selector-button:hover{background:#1d1d1d;border-color:#383838;box-shadow:0 0 0 1px #222,0 0 0 2px #ffffff0a}input[type=file]::file-selector-button:active{background:#101010}.pin{position:absolute;border-style:solid;border-color:#fff;border-radius:50%;z-index:9998;pointer-events:auto;cursor:grab;box-shadow:0 0 4px #000c;touch-action:none}.pin.pin-active{cursor:none;box-shadow:0 0 10px #000c;outline:4px solid white;transition:box-shadow .1s ease-in-out,border-width .1s ease-in-out,outline .1s ease-in-out}.pin.pin-active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border:none;background:transparent;border-radius:50%;box-shadow:0 0 0 .5px #fff,0 0 0 1px #000}.zoom-preview{position:relative;margin:20px auto;background:#222;border:6px solid white;border-radius:50%;z-index:9998;pointer-events:auto}.zoom-preview:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border:none;background:transparent;border-radius:50%;box-shadow:0 0 0 .5px #fff,0 0 0 1px #000}.slider-container{display:contents}.slider-text{font-size:1rem;color:#f8b195;white-space:nowrap}.slider-value{color:#f8b195}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-color:transparent}input[type=range]:focus{outline-color:#f8b195}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;height:3px;background:#f67280;background:-webkit-linear-gradient(left,rgb(246,114,128) 0%,rgb(192,108,132) 50%,rgb(53,92,125) 100%);background:linear-gradient(to right,#f67280,#c06c84,#355c7d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f67280",endColorstr="#355c7d",GradientType=1)}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none;height:3px;background:#f67280;background:-moz-linear-gradient(left,rgb(246,114,128) 0%,rgb(192,108,132) 50%,rgb(53,92,125) 100%);background:linear-gradient(to right,#f67280,#c06c84,#355c7d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f67280",endColorstr="#355c7d",GradientType=1)}input[type=range]::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#f67280;background:-moz-linear-gradient(left,rgb(246,114,128) 0%,rgb(192,108,132) 50%,rgb(53,92,125) 100%);background:-webkit-linear-gradient(left,rgb(246,114,128) 0%,rgb(192,108,132) 50%,rgb(53,92,125) 100%);background:linear-gradient(to right,#f67280,#c06c84,#355c7d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f67280",endColorstr="#355c7d",GradientType=1)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid #f8b195;border-radius:50%;height:20px;width:20px;position:relative;bottom:8px;background:#f8b195 url(http://codemenatalie.com/wp-content/uploads/2019/09/slider-thumb.png) center no-repeat;background-size:50%;box-shadow:0 3px 5px #0006;cursor:grab}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;border:2px solid #f8b195;border-radius:50%;height:20px;width:20px;position:relative;bottom:8px;background:#f8b195 url(http://codemenatalie.com/wp-content/uploads/2019/09/slider-thumb.png) center no-repeat;background-size:50%;box-shadow:0 3px 5px #0006;cursor:grab}input[type=range]::-moz-range-thumb:active{cursor:grabbing}input[type=range]::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #f8b195;border-radius:50%;height:20px;width:20px;position:relative;bottom:8px;background:#222 url(http://codemenatalie.com/wp-content/uploads/2019/09/slider-thumb.png) center no-repeat;background-size:50%;box-shadow:0 3px 5px #0006;cursor:grab}input[type=range]::-ms-thumb:active{cursor:grabbing}.pin-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.palette-container{display:flex;flex-direction:column;align-items:end;width:100%;padding:1rem;gap:1rem}.palette-text{font-size:1rem;color:#ccc;margin:0}.palette-text a{color:#f8b195;text-decoration:none}.palette-text a:hover{text-decoration:underline}.palette-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.swatch{display:flex;flex-direction:column;cursor:pointer;height:150px;transition:transform .12s ease,box-shadow .12s ease,translate .12s ease;box-shadow:0 2px 4px #100a0a4d}@media (hover: hover){.swatch:hover{translate:0 -10px;animation:fadeIn .5s ease-out forwards}}.swatch:active{translate:0 -5px}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.swatch-color{flex:1 1 auto;background:var(--swatch-color, #222);border-radius:8px 8px 0 0}.swatch-label{background:#1a1a1a;color:#bbb;font-size:.9rem;line-height:1.3;padding:6px 4px;text-align:center;font-weight:700;font-family:Courier New,monospace;letter-spacing:.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #282828}button{padding:8px;background-color:#f8b195;border:1px solid #f8b195;border-radius:6px;cursor:pointer;transition:all .3s ease}button:active{transform:scale(.95)}button .palette-text{color:#161617}.notification-bar{position:absolute;top:0;visibility:hidden;font-size:.8rem;color:#fff;background-color:#60bab6;width:100%;border-radius:2px;padding:10px;text-align:center;z-index:9999;position:fixed}.notification-bar.show{visibility:visible;-webkit-animation:fadeout .5s 2.5s;animation:fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}*{box-sizing:border-box}body,html,.app{background-color:#111;font-family:Arial,sans-serif;color:#fff;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem;overflow-x:hidden}.title{font-family:Expletus Sans Variable,system-ui;font-weight:700;margin:1rem 0 .5rem;font-size:3rem;color:#f56476;padding-bottom:1rem}.body{font-family:Arial,sans-serif;color:#fff;width:100vw;flex:1 1 auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:16px;padding-top:1rem}.controls-wrapper{width:100%;display:flex;flex-direction:column;gap:.75rem 1rem;padding:1rem;background:#161617;border-bottom:1px solid #2e3845}.control-row{display:grid;width:100%;display:flex;gap:1rem;align-items:center}.panel{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;width:95%;max-width:500px;background-color:#161617;border:4px solid #2e3845;border-radius:5px}.canvas-container{position:relative}.canvas{position:relative;width:100%;height:auto;border-radius:6px;display:block}.about-section{margin-top:auto;font-size:.9rem;color:#aaa;padding:1rem;max-width:500px}.about-section a{color:#6af;text-decoration:none}.about-section a:hover{text-decoration:underline}@media (max-width: 1100px){.body{flex-direction:column;align-items:center;justify-content:flex-start}}@font-face{font-family:Edu QLD Hand Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/edu-qld-hand-vietnamese-wght-normal.D90KpmlL.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Edu QLD Hand Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/edu-qld-hand-latin-ext-wght-normal.C89yZchP.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Edu QLD Hand Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/edu-qld-hand-latin-wght-normal.BxYxPpmr.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Expletus Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Expletus Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/expletus-sans-latin-wght-normal.Bl-Cq339.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}