.imageupload-container.svelte-3xfzto{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.imageupload-label.svelte-3xfzto{display:block;font-family:Supreme-Variable;font-variation-settings:"wght" 500;font-size:.875rem;line-height:1.25rem;color:var(--color-p-dark-dark);-webkit-user-select:none;user-select:none}.imageupload-label.disabled.svelte-3xfzto{color:var(--color-p-light-subtle);cursor:not-allowed}.imageupload-dropzone.svelte-3xfzto{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:2rem;background-color:var(--color-bgs-light);border:2px dashed var(--color-strokes-and-outlines);border-radius:8px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;outline:none;min-height:200px}.imageupload-dropzone.has-preview.svelte-3xfzto{padding:1rem;min-height:auto}.imageupload-dropzone.svelte-3xfzto:hover:not(.disabled){border-color:var(--color-highlights-main);background-color:color-mix(in srgb,var(--color-highlights-main) 3%,var(--color-bgs-light) 97%)}.imageupload-dropzone.svelte-3xfzto:focus-visible:not(.disabled){border-color:var(--color-highlights-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-highlights-main) 15%,transparent 85%)}.imageupload-dropzone.dragging.svelte-3xfzto{border-color:var(--color-highlights-main);background-color:color-mix(in srgb,var(--color-highlights-main) 8%,var(--color-bgs-light) 92%);border-style:solid}.imageupload-dropzone.disabled.svelte-3xfzto{background-color:var(--color-bgs-light-subtle);border-color:color-mix(in srgb,var(--color-strokes-and-outlines) 60%,transparent 40%);cursor:not-allowed;opacity:.6}.imageupload-dropzone.loading.svelte-3xfzto{pointer-events:none}.dropzone-content.svelte-3xfzto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center}.dropzone-icon.svelte-3xfzto{color:var(--color-highlights-main);opacity:.8}.imageupload-dropzone.dragging.svelte-3xfzto .dropzone-icon:where(.svelte-3xfzto){animation:svelte-3xfzto-bounce .6s ease-in-out infinite}@keyframes svelte-3xfzto-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dropzone-text.svelte-3xfzto{margin:0;font-family:Supreme-Variable;font-variation-settings:"wght" 500;font-size:1rem;line-height:1.5;color:var(--color-p-dark-dark)}.dropzone-hint.svelte-3xfzto{margin:0;font-family:Supreme-Variable;font-variation-settings:"wght" 400;font-size:.875rem;line-height:1.25rem;color:var(--color-p-light-subtle)}.preview-container.svelte-3xfzto{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.preview-container.file-preview.svelte-3xfzto{gap:.5rem;padding-block:.5rem}.file-icon.svelte-3xfzto{color:var(--color-highlights-main);opacity:.85}.preview-image.svelte-3xfzto{width:var(--preview-size);height:var(--preview-size);object-fit:cover;border-radius:8px;border:2px solid var(--color-strokes-and-outlines);box-shadow:0 2px 8px #0000001a}.preview-overlay.svelte-3xfzto{display:flex;gap:.5rem;margin-top:.5rem}.preview-remove.svelte-3xfzto,.preview-change.svelte-3xfzto{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-bgs-light);border:1px solid var(--color-strokes-and-outlines);border-radius:6px;color:var(--color-p-dark-dark);font-family:Supreme-Variable;font-variation-settings:"wght" 500;font-size:.875rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.preview-remove.svelte-3xfzto{padding:.5rem}.preview-remove.svelte-3xfzto:hover{background-color:color-mix(in srgb,var(--color-alert) 10%,var(--color-bgs-light) 90%);border-color:var(--color-alert);color:var(--color-alert)}.preview-change.svelte-3xfzto:hover{background-color:color-mix(in srgb,var(--color-highlights-main) 10%,var(--color-bgs-light) 90%);border-color:var(--color-highlights-main);color:var(--color-highlights-main)}.preview-remove.svelte-3xfzto:focus-visible,.preview-change.svelte-3xfzto:focus-visible{outline:2px solid var(--color-highlights-main);outline-offset:2px}.preview-info.svelte-3xfzto{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.preview-filename.svelte-3xfzto{font-family:Supreme-Variable;font-variation-settings:"wght" 500;font-size:.875rem;line-height:1.25rem;color:var(--color-p-dark-dark);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-filesize.svelte-3xfzto{font-family:Supreme-Variable;font-variation-settings:"wght" 400;font-size:.75rem;line-height:1rem;color:var(--color-p-light-subtle)}.loading-overlay.svelte-3xfzto{position:absolute;top:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,var(--color-bgs-light) 90%,transparent 10%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:8px;z-index:10}.loading-spinner.svelte-3xfzto{width:40px;height:40px;border:4px solid color-mix(in srgb,var(--color-highlights-main) 20%,transparent 80%);border-top-color:var(--color-highlights-main);border-radius:50%;animation:svelte-3xfzto-spin .8s linear infinite}@keyframes svelte-3xfzto-spin{to{transform:rotate(360deg)}}.loading-text.svelte-3xfzto{margin:0;font-family:Supreme-Variable;font-variation-settings:"wght" 500;font-size:.875rem;color:var(--color-p-dark-dark)}@media(max-width:900px){.imageupload-dropzone.svelte-3xfzto{padding:1.5rem}.dropzone-text.svelte-3xfzto{font-size:.9375rem}.dropzone-hint.svelte-3xfzto{font-size:.8125rem}}@media(max-width:600px){.imageupload-dropzone.svelte-3xfzto{padding:1rem;min-height:160px}.imageupload-dropzone.has-preview.svelte-3xfzto{padding:.75rem}.dropzone-icon.svelte-3xfzto{width:40px;height:40px}.dropzone-text.svelte-3xfzto{font-size:.875rem}.dropzone-hint.svelte-3xfzto{font-size:.75rem}.preview-overlay.svelte-3xfzto{flex-direction:column;width:100%}.preview-remove.svelte-3xfzto,.preview-change.svelte-3xfzto{width:100%;justify-content:center}}