.image-upload.svelte-3xfzto{display:flex;flex-direction:column;gap:1rem}.upload-label.svelte-3xfzto{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--color-primary, #8b5cf6);color:#fff;border-radius:.5rem;cursor:pointer;transition:background .2s;font-weight:500;width:fit-content}.upload-label.svelte-3xfzto:hover{background:var(--color-primary-dark, #7c3aed)}.upload-label.svelte-3xfzto:active{transform:scale(.98)}.file-input.svelte-3xfzto{display:none}.upload-progress.svelte-3xfzto{display:flex;flex-direction:column;gap:.5rem}.progress-bar.svelte-3xfzto{width:100%;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.progress-fill.svelte-3xfzto{height:100%;background:var(--color-primary, #8b5cf6);transition:width .3s ease}.progress-text.svelte-3xfzto{font-size:.875rem;color:#6b7280;margin:0}.preview.svelte-3xfzto{position:relative;width:100%;max-width:400px;border:2px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.preview-image.svelte-3xfzto,.preview-video.svelte-3xfzto{width:100%;height:auto;display:block}.clear-btn.svelte-3xfzto{position:absolute;top:.5rem;right:.5rem;padding:.5rem 1rem;background:#000000b3;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:background .2s}.clear-btn.svelte-3xfzto:hover{background:#000000e6}