@font-face{font-display:block;font-family:Meow Script;font-style:normal;font-weight:400;src:url(./meow-script-v6-latin-regular-DWcWiCb8.woff2) format("woff2")}@font-face{font-display:block;font-family:Nanum Pen Script;font-style:normal;font-weight:400;src:url(./nanum-pen-script-v25-latin-regular-_AdqYBm1.woff2) format("woff2")}:root{--space-unit: .5rem;--space-xs: calc(.25 * var(--space-unit));--space-sm: calc(.5 * var(--space-unit));--space-md: calc(1 * var(--space-unit));--space-lg: calc(1.5 * var(--space-unit));--space-xl: calc(2 * var(--space-unit));--space-xxl: calc(3 * var(--space-unit));--space-3xl: calc(8 * var(--space-unit));--text-base-size: .875rem;--text-xxs: calc(.785 * var(--text-base-size));--text-xs: calc(.85 * var(--text-base-size));--text-sm: calc(.875 * var(--text-base-size));--text-md: calc(1 * var(--text-base-size));--text-lg: calc(1.125 * var(--text-base-size));--text-xl: calc(1.375 * var(--text-base-size));--text-2xl: calc(1.75 * var(--text-base-size));--text-3xl: calc(2.225 * var(--text-base-size));--text-4xl: calc(3 * var(--text-base-size));--accent-hue: 268deg;--accent-saturation: 60%;--accent-lightness: 70%;--color-primary: hsl(var(--accent-hue) var(--accent-saturation) var(--accent-lightness));--color-primary-20: hsl(var(--accent-hue) calc(var(--accent-saturation) - 4 * 1%) calc(var(--accent-lightness) - 6 * 1%));--color-white: hsl(var(--accent-hue) 100% 97%);--color-white-2: hsl(var(--accent-hue) 100% 97% / 2%);--color-white-4: hsl(var(--accent-hue) 100% 97% / 4%);--color-white-10: hsl(var(--accent-hue) 100% 97% / 10%);--color-white-20: hsl(var(--accent-hue) 100% 97% / 20%);--color-white-40: hsl(var(--accent-hue) 100% 97% / 40%);--color-white-60: hsl(var(--accent-hue) 100% 97% / 60%);--color-white-80: hsl(var(--accent-hue) 100% 97% / 80%);--color-white-90: hsl(var(--accent-hue) 100% 97% / 90%);--color-white-90-100: hsl(var(--accent-hue) 20% 90%);--color-black-2: hsl(var(--accent-hue) 0% 3% / 2%);--color-black-4: hsl(var(--accent-hue) 0% 3% / 4%);--color-black-8: hsl(var(--accent-hue) 0% 3% / 8%);--color-black-16: hsl(var(--accent-hue) 0% 3% / 16%);--color-black-30: hsl(var(--accent-hue) 0% 3% / 30%);--color-black-40: hsl(var(--accent-hue) 0% 3% / 40%);--color-black-60: hsl(var(--accent-hue) 0% 3% / 60%);--color-black-100: hsl(var(--accent-hue) 0% 3% / 100%);--color-grey-20: hsl(var(--accent-hue) 5% 42%);--color-grey-30: hsl(var(--accent-hue) 5% 30%);--color-grey-40: hsl(var(--accent-hue) 5% 22%);--color-grey-50: hsl(var(--accent-hue) 5% 18%);--color-grey-90: hsl(var(--accent-hue) 7% 12%);--color-grey-90-50: hsl(var(--accent-hue) 7% 12% / 50%);--color-negative: hsl(0, 86%, 72%);--focus-shadow: 0 0 0 2px var(--color-primary);--fg-shadow: 1px 2px 2px 0 var(--color-black-4), 2px 4px 4px 0 var(--color-black-2);--highligh-shadow: 1px 2px 2px 0 var(--color-black-8), 2px 4px 4px 0 var(--color-black-4), 4px 8px 8px 0 var(--color-black-2);--duration-f: .1s}*,*:after,*:before{box-sizing:border-box}html{interpolate-size:allow-keywords;font-size:14px;--csstools-color-scheme--light: initial;color-scheme:dark light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) var(--color-white-90);color:initial hsla(268,100%,97%,.9);color:var(--csstools-light-dark-toggle--2, var(--color-black-60));color:light-dark(hsl(268deg 0% 3% / 60%),hsl(268deg 100% 97% / 90%));--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-grey-50);background-color:#f7f0ff;background-color:var(--csstools-light-dark-toggle--3, var(--color-white));background-color:light-dark(hsl(268deg 100% 97%),hsl(268deg 5% 18%));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (color: light-dark(red,red)){html{color:light-dark(var(--color-black-60),var(--color-white-90));background-color:light-dark(var(--color-white),var(--color-grey-50))}}@media(prefers-color-scheme:dark){html{--csstools-color-scheme--light: }}html.light{--csstools-color-scheme--light: initial;color-scheme:light}html.dark{--csstools-color-scheme--light: ;color-scheme:dark}@media(min-width:1920.02px){html{font-size:16px}}html,body{height:100%}body{overflow:hidden;margin:0}a{outline:none;-webkit-text-decoration:none;text-decoration:none;color:inherit}ul{padding-left:0;margin-top:0;margin-bottom:0;list-style:none}svg{display:block;width:20px;height:20px;fill:currentColor}h1,h2,h3,h4{margin-top:0;margin-bottom:0;font-weight:400}p{margin-top:0;margin-bottom:0}img{display:block;width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) var(--color-white-10);background-color:#08080814;background-color:var(--csstools-light-dark-toggle--4, var(--color-black-8));background-color:light-dark(hsl(268deg 0% 3% / 8%),hsl(268deg 100% 97% / 10%))}@supports (color: light-dark(red,red)){::-webkit-scrollbar-thumb{background-color:light-dark(var(--color-black-8),var(--color-white-10))}}::-csstools-invalid--webkit-scrollbar-thumb:hover{--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) var(--color-white-20);background-color:#08080829;background-color:var(--csstools-light-dark-toggle--11, var(--color-black-16));background-color:light-dark(hsl(268deg 0% 3% / 16%),hsl(268deg 100% 97% / 20%))}@supports (color: light-dark(red,red)){::-csstools-invalid--webkit-scrollbar-thumb:hover{background-color:light-dark(var(--color-black-16),var(--color-white-20))}}:focus{outline:none}:focus-visible{outline:none;box-shadow:0 0 0 2px #af85e0,1px 2px 2px #08080814,2px 4px 4px #0808080a,4px 8px 8px #08080805;box-shadow:var(--focus-shadow),var(--highligh-shadow)}button,input,textarea,select{padding:0;border:none;background-color:transparent;color:inherit;line-height:1.43;font-family:inherit;font-size:.875rem;font-size:var(--text-md)}textarea{display:block;resize:none}.input,.btn{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--5, var(--color-black-4));--csstools-light-dark-toggle--22: var(--csstools-color-scheme--light) hsla(268, 100%, 97%, .1);background-color:#0808080a;background-color:var(--csstools-light-dark-toggle--22, hsla(0, 0%, 3%, .04));background-color:light-dark(hsla(0,0%,3%,.04),hsla(268,100%,97%,.1));background-color:light-dark(hsl(268deg 0% 3% / 4%),hsl(268deg 100% 97% / 10%));background-color:var(--background-color);box-shadow:1px 2px 2px #0808080a,2px 4px 4px #08080805;box-shadow:var(--fg-shadow)}@supports (color: light-dark(red,red)){.input,.btn{--background-color: light-dark( var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.input *,.btn *{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--5, var(--color-black-4))}}.input:focus-visible{box-shadow:0 0 0 2px #af85e0,1px 2px 2px #08080814,2px 4px 4px #0808080a,4px 8px 8px #08080805;box-shadow:var(--focus-shadow),var(--highligh-shadow)}.btn:focus-visible{box-shadow:0 0 0 2px #af85e0,1px 2px 2px #08080814,2px 4px 4px #0808080a,4px 8px 8px #08080805;box-shadow:var(--focus-shadow),var(--highligh-shadow)}.btn{--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) var(--color-white-80);--color: var(--csstools-light-dark-toggle--6, var(--color-black-40));padding:.25rem 1rem;padding:var(--space-sm) var(--space-xl);border:1px solid hsla(268,100%,97%,.04);border:1px solid hsl(268deg 100% 97% / 4%);border:1px solid var(--color-white-4);border-radius:999px;--csstools-light-dark-toggle--23: var(--csstools-color-scheme--light) hsla(268, 100%, 97%, .8);color:#08080866;color:var(--csstools-light-dark-toggle--23, hsla(0, 0%, 3%, .4));color:light-dark(hsla(0,0%,3%,.4),hsla(268,100%,97%,.8));color:light-dark(hsl(268deg 0% 3% / 40%),hsl(268deg 100% 97% / 80%));color:var(--color);font-weight:700;transition:.1s color,.1s border-color,.1s background-color,.1s box-shadow,.1s translate,.1s opacity;transition:var(--duration-f) color,var(--duration-f) border-color,var(--duration-f) background-color,var(--duration-f) box-shadow,var(--duration-f) translate,var(--duration-f) opacity;cursor:pointer}@supports (color: light-dark(red,red)){.btn{--color: light-dark( var(--color-black-40), var(--color-white-80))}}@supports not (color: light-dark(tan,tan)){.btn *{--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) var(--color-white-80);--color: var(--csstools-light-dark-toggle--6, var(--color-black-40))}}.btn:disabled{--csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) var(--color-white-40);--color: var(--csstools-light-dark-toggle--7, var(--color-black-16))}@supports (color: light-dark(red,red)){.btn:disabled{--color: light-dark(var(--color-black-16), var(--color-white-40))}}@supports not (color: light-dark(tan,tan)){.btn:disabled *{--csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) var(--color-white-40);--color: var(--csstools-light-dark-toggle--7, var(--color-black-16))}}.btn:hover{--background-color: var(--color-white-20);--csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--8, var(--color-black-60));box-shadow:1px 2px 2px #08080814,2px 4px 4px #0808080a,4px 8px 8px #08080805;box-shadow:var(--highligh-shadow)}@supports (color: light-dark(red,red)){.btn:hover{--color: light-dark(var(--color-black-60), var(--color-white))}}@supports not (color: light-dark(tan,tan)){.btn:hover *{--csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--8, var(--color-black-60))}}.btn:hover:disabled{--background-color: var(--color-white-10);--csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) var(--color-white-40);--color: var(--csstools-light-dark-toggle--9, var(--color-black-16));box-shadow:none;cursor:default}@supports (color: light-dark(red,red)){.btn:hover:disabled{--color: light-dark(var(--color-black-16), var(--color-white-40))}}@supports not (color: light-dark(tan,tan)){.btn:hover:disabled *{--csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) var(--color-white-40);--color: var(--csstools-light-dark-toggle--9, var(--color-black-16))}}.icon-btn,.text-btn,.icon-text-btn{--background-color: transparent;border-color:transparent;box-shadow:none}.icon-btn:focus-visible{--csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--12, var(--color-black-4));--csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--13, var(--color-black-60));border-color:#f7f0ff0a;border-color:var(--color-white-4)}@supports (color: light-dark(red,red)){.icon-btn:focus-visible{--background-color: light-dark(var(--color-black-4), var(--color-white-10));--color: light-dark(var(--color-black-60), (--color-white))}}@supports not (color: light-dark(tan,tan)){.icon-btn:focus-visible *{--csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--12, var(--color-black-4));--csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--13, var(--color-black-60))}}.text-btn:focus-visible{--csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--14, var(--color-black-4));--csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--15, var(--color-black-60));border-color:#f7f0ff0a;border-color:var(--color-white-4)}@supports (color: light-dark(red,red)){.text-btn:focus-visible{--background-color: light-dark(var(--color-black-4), var(--color-white-10));--color: light-dark(var(--color-black-60), (--color-white))}}@supports not (color: light-dark(tan,tan)){.text-btn:focus-visible *{--csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--14, var(--color-black-4));--csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--15, var(--color-black-60))}}.icon-text-btn:focus-visible{--csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--16, var(--color-black-4));--csstools-light-dark-toggle--17: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--17, var(--color-black-60));border-color:#f7f0ff0a;border-color:var(--color-white-4)}@supports (color: light-dark(red,red)){.icon-text-btn:focus-visible{--background-color: light-dark(var(--color-black-4), var(--color-white-10));--color: light-dark(var(--color-black-60), (--color-white))}}@supports not (color: light-dark(tan,tan)){.icon-text-btn:focus-visible *{--csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--16, var(--color-black-4));--csstools-light-dark-toggle--17: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--17, var(--color-black-60))}}.icon-btn:hover,.text-btn:hover,.icon-text-btn:hover{--csstools-light-dark-toggle--18: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--18, var(--color-black-4));--csstools-light-dark-toggle--19: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--19, var(--color-black-60));border-color:#f7f0ff0a;border-color:var(--color-white-4)}@supports (color: light-dark(red,red)){.icon-btn:hover,.text-btn:hover,.icon-text-btn:hover{--background-color: light-dark(var(--color-black-4), var(--color-white-10));--color: light-dark(var(--color-black-60), (--color-white))}}@supports not (color: light-dark(tan,tan)){.icon-btn:hover *,.text-btn:hover *,.icon-text-btn:hover *{--csstools-light-dark-toggle--18: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--18, var(--color-black-4));--csstools-light-dark-toggle--19: var(--csstools-color-scheme--light) (--color-white);--color: var(--csstools-light-dark-toggle--19, var(--color-black-60))}}.icon-btn:hover:disabled{--background-color: transparent}.text-btn:hover:disabled{--background-color: transparent}.icon-text-btn:hover:disabled{--background-color: transparent}.icon-btn:focus-visible:disabled{--background-color: transparent}.text-btn:focus-visible:disabled{--background-color: transparent}.icon-text-btn:focus-visible:disabled{--background-color: transparent}.icon-btn:hover,.text-btn:hover,.icon-text-btn:hover{box-shadow:1px 2px 2px #0808080a,2px 4px 4px #08080805;box-shadow:var(--fg-shadow)}.icon-btn:hover:disabled{--background-color: transparent;border-color:transparent}.text-btn:hover:disabled{--background-color: transparent;border-color:transparent}.icon-text-btn:hover:disabled{--background-color: transparent;border-color:transparent}.icon-btn:focus-visible{box-shadow:0 0 0 2px #af85e0,1px 2px 2px #0808080a,2px 4px 4px #08080805;box-shadow:var(--focus-shadow),var(--fg-shadow)}.text-btn:focus-visible{box-shadow:0 0 0 2px #af85e0,1px 2px 2px #0808080a,2px 4px 4px #08080805;box-shadow:var(--focus-shadow),var(--fg-shadow)}.icon-text-btn:focus-visible{box-shadow:0 0 0 2px #af85e0,1px 2px 2px #0808080a,2px 4px 4px #08080805;box-shadow:var(--focus-shadow),var(--fg-shadow)}.icon-btn{display:block;padding:.25rem;padding:var(--space-sm);border-radius:50%}.icon-text-btn{display:flex;justify-content:center;align-items:center;padding:.25rem .75rem .25rem .5rem;padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);gap:.5rem;gap:var(--space-md)}.icon-text-btn .svg-icon{flex-shrink:0}.primary-btn{--color: var(--color-white);--background-color: var(--color-primary);padding:.5rem 1.5rem;padding:var(--space-md) var(--space-xxl);font-size:calc(1.125 * .875rem);font-size:var(--text-lg)}.primary-btn:hover,.primary-btn:focus-visible{--color: var(--color-white);--background-color: var(--color-primary-20)}.primary-btn:disabled{--color: var(--color-white-60)}.primary-btn:hover:disabled{--background-color: var(--color-primary);--color: var(--color-white-60)}.input{flex-shrink:0;padding:.25rem .75rem;padding:var(--space-sm) var(--space-lg);border:1px solid hsla(268,100%,97%,.04);border:1px solid var(--color-white-4);border-radius:16px;corner-shape:squircle}.input::-moz-placeholder{color:#f7f0ff66;color:var(--color-white-40)}.input::placeholder{color:#f7f0ff66;color:var(--color-white-40)}.label-left{margin-right:.5rem;margin-right:var(--space-md)}.label-right{margin-left:.5rem;margin-left:var(--space-md)}#root{height:100%}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-left:var(--space-xl);padding-right:var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.checkbox-container{display:flex;align-items:center}.checkbox{--tick-color: var(--color-primary);--csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--10, var(--color-black-4));display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:4px;corner-shape:squircle;--csstools-light-dark-toggle--24: var(--csstools-color-scheme--light) hsla(268, 100%, 97%, .1);background-color:#0808080a;background-color:var(--csstools-light-dark-toggle--24, hsla(0, 0%, 3%, .04));background-color:light-dark(hsla(0,0%,3%,.04),hsla(268,100%,97%,.1));background-color:light-dark(hsl(268deg 0% 3% / 4%),hsl(268deg 100% 97% / 10%));background-color:var(--background-color);border:1px solid hsla(268,100%,97%,.04);border:1px solid hsl(268deg 100% 97% / 4%);border:1px solid var(--color-white-4)}@supports (color: light-dark(red,red)){.checkbox{--background-color: light-dark(var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.checkbox *{--csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--10, var(--color-black-4))}}@supports (corner-shape: squircle){.checkbox{border-radius:8px}}.checkbox-tick{display:none;width:32%;height:64%;margin-bottom:.125rem;margin-bottom:var(--space-xs);border-right:2px solid var(--tick-color);border-bottom:2px solid var(--tick-color);transform:rotate(45deg)}.checkbox-input:checked+.checkbox .checkbox-tick{display:block}.checkbox-input:focus-visible+.checkbox{box-shadow:0 0 0 2px #af85e0;box-shadow:var(--focus-shadow)}.radio-container{display:flex;align-items:center}.radio-input:checked+.radio{background-color:#af85e0;background-color:var(--color-primary)}.radio-input:focus-visible+.radio{box-shadow:0 0 0 1px #af85e0;box-shadow:0 0 0 1px var(--color-primary)}.radio{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--0, var(--color-black-4));width:20px;height:20px;border-radius:50%;--csstools-light-dark-toggle--20: var(--csstools-color-scheme--light) hsla(268, 100%, 97%, .1);border:6px solid hsla(0,0%,3%,.04);border:6px solid var(--csstools-light-dark-toggle--20, hsla(0, 0%, 3%, .04));border:6px solid light-dark(hsla(0,0%,3%,.04),hsla(268,100%,97%,.1));border:6px solid light-dark(hsl(268deg 0% 3% / 4%),hsl(268deg 100% 97% / 10%));border:6px solid var(--background-color);--csstools-light-dark-toggle--21: var(--csstools-color-scheme--light) hsla(268, 100%, 97%, .1);background-color:#0808080a;background-color:var(--csstools-light-dark-toggle--21, hsla(0, 0%, 3%, .04));background-color:light-dark(hsla(0,0%,3%,.04),hsla(268,100%,97%,.1));background-color:light-dark(hsl(268deg 0% 3% / 4%),hsl(268deg 100% 97% / 10%));background-color:var(--background-color);background-clip:padding-box}@supports (color: light-dark(red,red)){.radio{--background-color: light-dark(var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.radio *{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--0, var(--color-black-4))}}.radio-label{margin-left:.5rem;margin-left:var(--space-md)}.images-view{display:grid;height:100%;grid-template-rows:1fr min-content}.upload-status-indicator{z-index:1;grid-row:1 / 1;grid-column:1 / 1;align-self:end;display:flex;align-items:center;gap:.5rem;gap:var(--space-md);padding:.25rem .5rem;padding:var(--space-sm) var(--space-md);padding-right:1rem;padding-right:var(--space-xl);margin-bottom:.5rem;margin-bottom:var(--space-md);margin-left:auto;margin-right:auto;border-radius:99px;font-size:calc(.875 * .875rem);font-size:var(--text-sm);font-weight:700;--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-black-30);background-color:#0808080a;background-color:var(--csstools-light-dark-toggle--1, var(--color-black-4));background-color:light-dark(hsl(268deg 0% 3% / 4%),hsl(268deg 0% 3% / 30%));backdrop-filter:blur(4px);pointer-events:none}@supports (color: light-dark(red,red)){.upload-status-indicator{background-color:light-dark(var(--color-black-4),var(--color-black-30))}}.session{width:100%;height:100%}.session-bar-progress-container{z-index:3;position:absolute;top:var(--space-xs);left:var(--space-sm);right:var(--space-sm);flex-shrink:0}.session-bar-progress-bar{width:100%;height:2px;background-color:var(--color-primary);transform-origin:top left;transition:.1s scale}.session-grace{z-index:1;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-xl);height:100%;--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-grey-50);background-color:var(--csstools-light-dark-toggle--1, var(--color-white))}@supports (color: light-dark(red,red)){.session-grace{background-color:light-dark(var(--color-white),var(--color-grey-50))}}.session-grace .btn.hidden{opacity:0;visibility:hidden}.session-grace-value{font-size:var(--text-3xl)}.session-paused{z-index:1;position:absolute;inset:0;display:grid;justify-content:center;align-items:center;height:100%;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-grey-90-50);background-color:var(--csstools-light-dark-toggle--0, var(--color-white-60));backdrop-filter:blur(16px) grayscale(100%)}@supports (color: light-dark(red,red)){.session-paused{background-color:light-dark(var(--color-white-60),var(--color-grey-90-50))}}.session-paused-title{font-size:var(--text-4xl);text-align:center}.session-paused-buttons{align-self:start;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.image-list-view{overflow:hidden;display:flex;flex-direction:column}.image-list-container{overflow:auto}.image-list{display:grid;justify-content:center;grid-template-columns:repeat(auto-fill,264px);grid-gap:var(--space-md);gap:var(--space-md);padding-top:var(--space-md);padding-bottom:var(--space-md);backface-visibility:hidden}@media(max-width:580px){.image-list{grid-template-columns:repeat(2,1fr)}.image-list .image-list-item{width:100%;content-visibility:initial;contain-intrinsic-size:initial}}.image-list-header{display:flex;justify-content:end;align-items:center;width:100%;padding:var(--space-md)}.image-list-item{position:relative;aspect-ratio:1 / 1;border-radius:8px;background-color:var(--color-white-10);overflow:clip;content-visibility:auto;contain-intrinsic-size:264px;corner-shape:squircle}.image-list-item:not(.selected){filter:grayscale(1)}.image-list-item:has(:focus-visible){box-shadow:var(--focus-shadow)}.image-list-item:has(:focus-visible) .image-list-item-image{scale:1.02}.image-list-item-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-list-item-image.mirrored{transform:scaleX(-1)}.image-list-item-checkbox{z-index:1;position:absolute;bottom:var(--space-sm);right:var(--space-sm);display:flex;align-items:end;justify-content:end;width:40px;height:40px;padding:var(--space-xs);cursor:pointer}.image-list-item-checkbox:before{content:"";position:absolute;bottom:0;right:0;width:150%;height:150%;background-color:var(--color-primary);opacity:.3;border-radius:50%;transform:translate(33.333%,33.333%) scale(0);transition:.1s transform;transform-origin:bottom right}.image-list-item-checkbox:hover:before{transform:translate(33.333%,33.333%) scale(1)}.image-list-item-checkbox:has(:focus-visible):before{transform:translate(33.333%,33.333%) scale(1)}.image-list-item-checkbox .checkbox{--tick-color: var(--color-white);--background-color: var(--color-primary)}.image-list-view-btn{display:block;width:100%;height:100%;padding:0;border-radius:0;border:none}.image-list-item-count{z-index:1;position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) 6px;background-color:var(--color-black-16);font-size:var(--text-sm);color:var(--color-white);text-shadow:0 1px 1px var(--color-black-8),1px 2px 2px var(--color-black-4),2px 4px 4px var(--color-black-2);border-radius:4px}.image-list-item-name{z-index:1;position:absolute;bottom:0;left:0;width:100%;padding:var(--space-sm);background-color:var(--color-black-16);font-size:var(--text-sm);color:var(--color-white);text-shadow:0 1px 1px var(--color-black-8),1px 2px 2px var(--color-black-4),2px 4px 4px var(--color-black-2)}.to-top-button{z-index:1;position:absolute;right:14px;bottom:var(--space-md);display:none;height:auto;padding:var(--space-md);box-shadow:var(--highligh-shadow);--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-grey-30);background-color:var(--csstools-light-dark-toggle--0, var(--color-white))}@supports (color: light-dark(red,red)){.to-top-button{background-color:light-dark(var(--color-white),var(--color-grey-30))}}.to-top-button:hover{--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-grey-30);background-color:var(--csstools-light-dark-toggle--1, hsl(from var(--color-white) h 80% 95%))}@supports (color: lab(from red l 1 1% / calc(alpha + .1))) and (color: light-dark(red,red)){.to-top-button:hover{background-color:light-dark(hsl(from var(--color-white) h 80% 95%),var(--color-grey-30))}}.to-top-button:focus-visible{box-shadow:var(--focus-shadow),var(--highligh-shadow)}.to-top-button.visible{display:block;animation:show-button .2s both}.to-top-button.hiding{animation:hide-button .2s both}@keyframes show-button{0%{opacity:0;transform:translateY(100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hide-button{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.9)}}.dropdown-container{position:relative}.dropdown-container:has(.dropdown.visible){z-index:1000}.dropdown{z-index:1;overflow:hidden;position:absolute;right:0;display:none;flex-direction:column;min-width:160px;padding:var(--space-md) 1px;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-grey-40);background-color:var(--csstools-light-dark-toggle--0, var(--color-white));transform:translateY(var(--space-sm));white-space:nowrap;border-radius:12px;corner-shape:squircle}@supports (color: light-dark(red,red)){.dropdown{background-color:light-dark(var(--color-white),var(--color-grey-40))}}.dropdown.portal{z-index:100;top:auto;top:initial;right:auto;right:initial;bottom:auto;bottom:initial;left:auto;left:initial;inset-area:bottom left;position-area:bottom left;position-visibility:anchors-visible;position-try-fallbacks:flip-inline;translate:30px}.dropdown.reveal{display:flex;opacity:0;visibility:hidden;animation-name:opacity-up;animation-fill-mode:both;animation-duration:var(--duration-f)}.dropdown.reveal.visible{opacity:1;visibility:visible}.dropdown.reveal.top{top:0;transform:translateY(calc(-100% - var(--space-sm)))}.dropdown.reveal.hiding{animation-name:opacity-down}.dropdown-group{display:flex;flex-direction:column}.dropdown-group:has(+:where(.dropdown-group,.dropdown-btn)){margin-bottom:var(--space-md);padding-bottom:var(--space-md);--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-white-10);border-bottom:1px solid var(--csstools-light-dark-toggle--1, var(--color-black-4))}@supports (color: light-dark(red,red)){.dropdown-group:has(+:where(.dropdown-group,.dropdown-btn)){border-bottom:1px solid light-dark(var(--color-black-4),var(--color-white-10))}}.dropdown-btn{justify-content:flex-start;padding:var(--space-md);border-radius:0;--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) var(--color-white-60);color:var(--csstools-light-dark-toggle--2, var(--color-black-30))}@supports (color: light-dark(red,red)){.dropdown-btn{color:light-dark(var(--color-black-30),var(--color-white-60))}}.dropdown-btn:hover{border-left-color:transparent;border-right-color:transparent}.dropdown-btn:focus-visible{border-color:var(--color-primary);box-shadow:none}.dropdown-btn.active{border-left:2px solid var(--color-primary);--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-white-80);color:var(--csstools-light-dark-toggle--3, var(--color-black-60))}@supports (color: light-dark(red,red)){.dropdown-btn.active{color:light-dark(var(--color-black-60),var(--color-white-80))}}.dropdown-btn.icon-placeholder{padding-left:36px}.sort-dropdown-container{margin-left:var(--space-sm)}.sort-dropdown-toggle-btn{border-radius:999px}.sort-dropdown-btn{padding:var(--space-md) var(--space-md) var(--space-md) var(--space-xl);text-align:left}.sort-dropdown-radio{font-size:var(--text-md)}.end-session-image-view{display:flex;flex-direction:column;height:100%}.session-close-btn{margin-top:var(--space-md);margin-bottom:var(--space-md)}.end-session-header{display:flex;align-items:center;gap:var(--space-sm)}.viewer{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}.viewer .icon-btn{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-60);--color: var(--csstools-light-dark-toggle--0, var(--color-black-30))}@supports (color: light-dark(red,red)){.viewer .icon-btn{--color: light-dark(var(--color-black-30), var(--color-white-60))}}@supports not (color: light-dark(tan,tan)){.viewer .icon-btn *{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-60);--color: var(--csstools-light-dark-toggle--0, var(--color-black-30))}}.viewer .icon-btn:focus-visible{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--3, var(--color-black-60));--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--4, var(--color-black-4))}@supports (color: light-dark(red,red)){.viewer .icon-btn:focus-visible{--color: light-dark(var(--color-black-60), var(--color-white));--background-color: light-dark(var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.viewer .icon-btn:focus-visible *{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--3, var(--color-black-60));--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--4, var(--color-black-4))}}.viewer .icon-btn:hover{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--5, var(--color-black-60));--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--6, var(--color-black-4))}@supports (color: light-dark(red,red)){.viewer .icon-btn:hover{--color: light-dark(var(--color-black-60), var(--color-white));--background-color: light-dark(var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.viewer .icon-btn:hover *{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--5, var(--color-black-60));--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--6, var(--color-black-4))}}.viewer.overlay{z-index:2;position:fixed;inset:0;background-color:var(--color-black-60)}.viewer.overlay .icon-btn{--color: var(--color-white-60)}.viewer.overlay .icon-btn:focus-visible{--color: var(--color-white);--background-color: var(--color-white-10)}.viewer.overlay .icon-btn:hover{--color: var(--color-white);--background-color: var(--color-white-10)}.viewer.overlay .viewer-bar-item-info,.viewer.overlay .toast{--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-white-90);color:var(--csstools-light-dark-toggle--1, var(--color-white-90))}@supports (color: light-dark(red,red)){.viewer.overlay .viewer-bar-item-info,.viewer.overlay .toast{color:light-dark(var(--color-white-90),var(--color-white-90))}}.viewer.overlay .viewer-bar{background-color:var(--color-black-8)}.viewer-bar{z-index:1;position:absolute;right:var(--space-md);display:flex;align-items:center;justify-content:end;gap:var(--space-md);max-width:calc(100% - 2 * var(--space-md));padding:var(--space-sm);border:1px solid var(--color-white-4);border-radius:16px;background-color:var(--color-black-4);box-shadow:var(--fg-shadow);backdrop-filter:blur(8px);corner-shape:squircle}.viewer-top-bar{top:var(--space-md)}.viewer-bottom-bar{bottom:var(--space-md);padding-left:var(--space-xl)}.viewer-bar-item-info{margin-right:var(--space-md);font-size:var(--text-sm);font-weight:700;white-space:nowrap;--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) var(--color-white-90);color:var(--csstools-light-dark-toggle--2, var(--color-black-40));text-shadow:0 1px 1px var(--color-black-16),0 2px 2px var(--color-black-8)}@supports (color: light-dark(red,red)){.viewer-bar-item-info{color:light-dark(var(--color-black-40),var(--color-white-90))}}.viewer-bar-item-info.text-overflow{overflow:hidden;text-overflow:ellipsis}.viewer-image-container{--x: 50%;--y: 50%;position:absolute;left:50%;left:var(--x);top:50%;top:var(--y);translate:-50% -50%}.viewer-image{--dir: 1;--scale: 1;--rotation: 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;rotate:0deg;rotate:calc(var(--rotation) * 1deg);scale:1 1;scale:calc(var(--dir) * var(--scale)) var(--scale);width:auto;max-width:none}.toast{--offset: 0;z-index:1;position:absolute;right:var(--space-md);display:flex;justify-content:space-between;align-items:center;width:-moz-min-content;width:min-content;padding:var(--space-sm) var(--space-lg);font-size:var(--text-md);transform:translateY(0);transform:translateY(var(--offset));--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-90);color:var(--csstools-light-dark-toggle--0, var(--color-black-40));text-shadow:0 1px 1px var(--color-black-16),0 2px 2px var(--color-black-8)}@supports (color: light-dark(red,red)){.toast{color:light-dark(var(--color-black-40),var(--color-white-90))}}.toast.top{top:var(--space-md)}.toast.bottom{bottom:var(--space-md);transform:translateY(calc(-1 * var(--offset)))}.toast-message{text-wrap:balance}.bottom-bar{display:flex;gap:var(--space-xl);width:100%;padding:var(--space-xxl) var(--space-xl) var(--space-xl) var(--space-xxl);margin-top:var(--space-sm);corner-shape:squircle;border-top-left-radius:24px;border-top-right-radius:24px;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-10);background-color:var(--csstools-light-dark-toggle--0, var(--color-black-4))}@supports (color: light-dark(red,red)){.bottom-bar{background-color:light-dark(var(--color-black-4),var(--color-white-10))}}@supports (corner-shape: squircle){.bottom-bar{border-top-left-radius:48px;border-top-right-radius:48px}}.bottom-bar-left-header{display:flex;align-items:center;gap:var(--space-md)}.bottom-bar-title{font-size:var(--text-xl)}.bottom-bar-left{display:flex;flex-direction:column;gap:var(--space-md)}.bottom-bar-form-label{display:grid;align-items:center;grid-template-columns:120px 54px;grid-gap:var(--space-md);gap:var(--space-md)}.bottom-bar-form-label .checkbox{justify-self:center}.bottom-bar-form-label .input{text-align:center;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.bottom-bar-form-label .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bottom-bar-form-label .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bottom-bar-form-label .input:user-invalid{outline:2px solid var(--color-negative)}.bottom-bar-duration-input{width:112px}.bottom-bar-duration-custom-input{grid-column:2 / 3}.bottom-bar-right{display:flex;flex-direction:column;align-items:end;gap:var(--space-md);margin-left:auto}.bottom-bar-image-count{margin-right:var(--space-md);font-size:var(--text-md);text-wrap-style:balance;text-align:right}.bottom-bar-right-buttons{display:flex;align-items:center;gap:var(--space-md)}.dropdown-btn-container{position:relative;display:flex;align-items:center}.dropdown-btn-container:hover .icon-btn{opacity:1}.dropdown-btn-container .text-btn{flex-grow:1}.dropdown-btn-container .icon-btn{position:absolute;right:var(--space-xs);opacity:0;transition:opacity .2s}.dropdown-btn-container .icon-btn:focus-visible{opacity:1}.session-form-modal{border:none;box-shadow:var(--highligh-shadow);corner-shape:squircle;border-radius:16px;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-grey-40);background-color:var(--csstools-light-dark-toggle--0, var(--color-white-90-100));color:inherit}@supports (color: light-dark(red,red)){.session-form-modal{background-color:light-dark(var(--color-white-90-100),var(--color-grey-40))}}.session-form-title{font-weight:700;font-size:var(--text-lg);text-align:center}.session-form{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-md)}.session-form-bottom{display:flex;justify-content:end;gap:var(--space-md)}.theme-btns{position:absolute;top:0;right:0;display:flex;gap:var(--space-md);padding:var(--space-md)}.theme-btn.active{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--0, var(--color-black-4));--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--1, var(--color-black-60))}@supports (color: light-dark(red,red)){.theme-btn.active{--background-color: light-dark(var(--color-black-4), var(--color-white-10));--color: light-dark(var(--color-black-60), var(--color-white))}}@supports not (color: light-dark(tan,tan)){.theme-btn.active *{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--0, var(--color-black-4));--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-white);--color: var(--csstools-light-dark-toggle--1, var(--color-black-60))}}.splash{display:flex;flex-direction:column;grid-row:1 / 1;grid-column:1 / 1;background-image:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20900%20600'%20width='900'%20height='600'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3cpath%20d='M0%2084L16.7%2089.5C33.3%2095%2066.7%20106%20100%20115.2C133.3%20124.3%20166.7%20131.7%20200%20129.5C233.3%20127.3%20266.7%20115.7%20300%20108.7C333.3%20101.7%20366.7%2099.3%20400%20107C433.3%20114.7%20466.7%20132.3%20500%20137.5C533.3%20142.7%20566.7%20135.3%20600%20129.8C633.3%20124.3%20666.7%20120.7%20700%20125.2C733.3%20129.7%20766.7%20142.3%20800%20142.2C833.3%20142%20866.7%20129%20883.3%20122.5L900%20116L900%200L883.3%200C866.7%200%20833.3%200%20800%200C766.7%200%20733.3%200%20700%200C666.7%200%20633.3%200%20600%200C566.7%200%20533.3%200%20500%200C466.7%200%20433.3%200%20400%200C366.7%200%20333.3%200%20300%200C266.7%200%20233.3%200%20200%200C166.7%200%20133.3%200%20100%200C66.7%200%2033.3%200%2016.7%200L0%200Z'%20fill='%23af85e0'%20stroke-linecap='round'%20stroke-linejoin='miter'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover}.splash-title-container{margin:auto}.splash-title{font-size:7rem;text-align:center;font-family:Meow Script;text-shadow:1px 2px 2px var(--color-black-8),2px 4px 4px var(--color-black-4),4px 8px 8px var(--color-black-2)}.splash-subtitle{margin:auto;text-align:center;font-family:Nanum Pen Script;font-size:var(--text-4xl);--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--color-white-60);color:var(--csstools-light-dark-toggle--0, var(--color-black-60));text-shadow:0 1px 1px var(--color-black-8),1px 2px 2px var(--color-black-4),2px 4px 4px var(--color-black-2)}@supports (color: light-dark(red,red)){.splash-subtitle{color:light-dark(var(--color-black-60),var(--color-white-60))}}.splash-description{margin-top:var(--space-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-xl);padding-right:var(--space-xl);font-size:var(--text-xl);text-align:center;--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) var(--color-white-60);color:var(--csstools-light-dark-toggle--1, var(--color-black-60))}@supports (color: light-dark(red,red)){.splash-description{color:light-dark(var(--color-black-60),var(--color-white-60))}}.splash-btns{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-md);margin-top:var(--space-xl);margin-bottom:auto}.splash-btn{--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--2, var(--color-black-4));flex-direction:column;width:128px;height:96px;border-radius:24px;corner-shape:squircle}@supports (color: light-dark(red,red)){.splash-btn{--background-color: light-dark(var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.splash-btn *{--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--2, var(--color-black-4))}}.splash-btn:has(:focus-visible){box-shadow:var(--focus-shadow)}.splash-btn:disabled:hover{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--3, var(--color-black-4))}@supports (color: light-dark(red,red)){.splash-btn:disabled:hover{--background-color: light-dark(var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.splash-btn:disabled:hover *{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--3, var(--color-black-4))}}.splash-btn:disabled:focus-visible{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--4, var(--color-black-4))}@supports (color: light-dark(red,red)){.splash-btn:disabled:focus-visible{--background-color: light-dark(var(--color-black-4), var(--color-white-10))}}@supports not (color: light-dark(tan,tan)){.splash-btn:disabled:focus-visible *{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) var(--color-white-10);--background-color: var(--csstools-light-dark-toggle--4, var(--color-black-4))}}.splash-btn .svg-icon{width:24px;height:24px}