body{background-color:#f0f0f0}.wrapper.svelte-3six5b{padding:1.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:100dvh;width:100%}@media(max-width:500px){.wrapper.svelte-3six5b{padding:.8rem;width:99%;position:absolute;left:50%;transform:translate(-50%)}}.inner.svelte-3six5b{display:flex;flex-direction:column;gap:1.2rem;align-items:center;justify-content:center;box-shadow:0 0 10px #0000001a;padding:.75rem 1.25rem;width:clamp(250px,90vw,1000px);margin-bottom:18em;background-color:#fff;border-radius:.3em}@media(max-width:500px){.inner.svelte-3six5b{padding:.5rem;margin-inline:auto}}.inner.svelte-3six5b .color-palette:where(.svelte-3six5b){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;width:100%;padding:.5rem;box-sizing:border-box}@media(max-width:500px){.inner.svelte-3six5b .color-palette:where(.svelte-3six5b){grid-template-columns:repeat(2,1fr);padding:0;width:100%}}.inner.svelte-3six5b .color-palette:where(.svelte-3six5b) .color-box:where(.svelte-3six5b){width:100%;height:100%;border-radius:8px;display:flex;justify-content:center;align-items:center;position:relative;aspect-ratio:1}.inner.svelte-3six5b .color-palette:where(.svelte-3six5b) .color-box:where(.svelte-3six5b) .color-value:where(.svelte-3six5b){padding:.25rem .75rem;border-radius:4px;font-family:var(--sans);font-size:clamp(1.1rem,2.5vw,1.35rem);text-shadow:none;display:flex;justify-content:center;align-items:center;gap:5rem;text-align:center;width:auto;height:auto;word-break:break-all}.inner.svelte-3six5b .format-select:where(.svelte-3six5b){padding:.5rem;border:2px solid hsl(0,0%,11%);border-radius:4px;font-family:var(--sans-bold);font-size:clamp(1rem,2vw,1.5rem);letter-spacing:5px;background-color:#e8e8e8;cursor:pointer;width:100%;max-width:200px;margin-bottom:.5rem;color:#1c1c1c}.inner.svelte-3six5b .format-select:where(.svelte-3six5b):hover{border-color:#bdbdbd}.inner.svelte-3six5b .format-select:where(.svelte-3six5b):focus{outline:none;border-color:#242424;box-shadow:0 0 0 2px #2424241a}.inner.svelte-3six5b .format-select:where(.svelte-3six5b):focus:hover{border-color:#242424}.inner.svelte-3six5b .format-select:where(.svelte-3six5b) option:where(.svelte-3six5b){padding:.5rem;font-family:var(--sans)}.inner.svelte-3six5b .file-input:where(.svelte-3six5b){color:#696969;padding:.5rem .75rem 1rem;margin-bottom:1.2rem;border:none;font-family:var(--sans);font-size:clamp(.875rem,1.5vw,1.22rem);width:100%;max-width:100%;box-sizing:border-box;cursor:pointer}.inner.svelte-3six5b .file-input:where(.svelte-3six5b)::file-selector-button{margin-right:1em;padding:.5rem 1rem;border:1px solid hsl(0,0%,11%);border-radius:5px;background-color:#e6e6e6;color:#1c1c1c;cursor:pointer;font-size:clamp(.875rem,1.75vw,1.5rem);white-space:nowrap}.preview-image.svelte-3six5b{max-width:100%;height:auto;max-height:400px;object-fit:contain}