@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--dark: #2b2725;--light: #e8dec3;--red: #be655f;--green: #9dbe5f;--yellow: #d1a14c;--dark-rgb: 43, 39, 37;--light-rgb: 232, 222, 195}:root{--color-background: var(--light);--color-text: var(--dark);--color-background-rgb: var(--light-rgb);--color-text-rgb: var(--dark-rgb)}@media (prefers-color-scheme: dark){:root{--color-background: var(--dark);--color-text: var(--light);--color-background-rgb: var(--dark-rgb);--color-text-rgb: var(--light-rgb)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{display:flex;justify-content:center}body{max-width:1200px;min-width:1200px;min-height:100vh;color:var(--color-text);background:var(--color-background);line-height:1.6;font-family:Inter;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media only screen and (max-width: 1300px){body{min-width:unset}}button[data-v-0f3722d6]{outline:none;border:none;background-color:var(--red);font-family:Inter;font-weight:700;font-size:1.5rem;color:var(--light);margin:1rem;padding:1rem 2rem;transition:ease-in-out .2s}button[data-v-0f3722d6]:hover{color:var(--dark);background-color:var(--green);scale:1.1;transition:ease-in-out .1s}button[data-v-0f3722d6]:active{color:var(--dark);background-color:var(--yellow);scale:.9}button[data-v-0f3722d6]:disabled{color:var(--color-text);background-color:var(--color-background);scale:1}header[data-v-7cbce64e]{display:flex;padding:1rem;align-items:center}@media only screen and (max-width: 700px){header[data-v-7cbce64e]{padding:.2rem;justify-content:center}}.brand[data-v-7cbce64e]{display:inline-block}.logo[data-v-7cbce64e]{width:4rem;vertical-align:baseline;margin-right:1rem}span[data-v-7cbce64e]{-webkit-user-select:none;user-select:none;font-size:3em;font-weight:900;transition:color ease-in-out .25s;vertical-align:baseline}.red[data-v-7cbce64e]:hover{color:var(--red)}.green[data-v-7cbce64e]:hover{color:var(--green)}.yellow[data-v-7cbce64e]:hover{color:var(--yellow)}a[data-v-7cbce64e]{color:var(--color-text);text-decoration:none;margin-left:1rem;transition:color ease-in-out .25s}a[data-v-7cbce64e]:hover{color:rgba(var(--color-text-rgb),.75)}i[data-v-7cbce64e]{font-size:2rem}label[data-v-152550e1]{font-family:Inter;font-weight:700;font-size:2rem;margin-bottom:1rem}#image-input[data-v-152550e1]{font-family:Inter;font-size:large;border:dashed 2px var(--color-text);padding:1rem;width:min-content}@media only screen and (max-width: 700px){label[data-v-152550e1]{font-size:1.2rem}#image-input[data-v-152550e1]{font-size:small;padding:.2rem}}#image-input[data-v-152550e1]:after{display:none}#image-input[data-v-152550e1]::file-selector-button{font-family:Inter;border:none;outline:none;padding:1rem;background-color:rgba(var(--color-text-rgb),1);color:var(--color-background);transition:background-color ease-in-out .25s}#image-input[data-v-152550e1]::file-selector-button:hover{background-color:rgba(var(--color-text-rgb),.75)}div[data-v-e8a40769]{display:flex;justify-content:center;align-items:center;font-family:Inter;font-weight:700;font-size:100%;width:10%;aspect-ratio:1/1}@media only screen and (max-width: 700px){div[data-v-e8a40769]{width:100px}}div[data-v-2ebe5e3f]{display:flex;gap:1rem}@media only screen and (max-width: 700px){div[data-v-2ebe5e3f]{flex-direction:column;gap:.2rem}}label[data-v-2ebe5e3f]{font-size:1.2rem;font-family:Inter;font-weight:700}input[data-v-2ebe5e3f]{outline:none;border:none;background-color:var(--color-text);color:var(--color-background);font-family:Inter;font-weight:700;font-size:1.2rem}#preview[data-v-f2da38e8]{width:50%}@media only screen and (max-width: 700px){#preview[data-v-f2da38e8]{width:100%}}.content[data-v-f2da38e8]{padding:2rem;height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.palette[data-v-f2da38e8]{width:100%;justify-content:center;display:flex;flex-wrap:wrap}