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