.uploader.svelte-12ed5d3{flex-direction:column;gap:.75rem;display:flex}.drop-zone.svelte-12ed5d3{border:2px dashed var(--pico-muted-border-color);border-radius:var(--pico-border-radius);color:var(--pico-muted-color);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:2rem 1rem;transition:border-color .2s,background .2s;display:flex}.drop-zone.svelte-12ed5d3.dragging{border-color:var(--pico-primary);background:var(--pico-primary-background);color:var(--pico-primary)}.drop-zone.svelte-12ed5d3:hover{border-color:var(--pico-primary)}.drop-zone.svelte-12ed5d3 .drop-icon:where(.svelte-12ed5d3){font-size:1.5rem}.drop-zone.svelte-12ed5d3 small:where(.svelte-12ed5d3){color:var(--pico-muted-color)}.preview-grid.svelte-12ed5d3{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}.preview-item.svelte-12ed5d3{aspect-ratio:1;border-radius:var(--pico-border-radius);border:2px solid var(--pico-muted-border-color);transition:border-color .2s;position:relative;overflow:hidden}.preview-item.svelte-12ed5d3.primary{border-color:var(--pico-primary)}.preview-item.svelte-12ed5d3 img:where(.svelte-12ed5d3){object-fit:cover;width:100%;height:100%;display:block}.preview-item.svelte-12ed5d3 .badge:where(.svelte-12ed5d3){background:var(--pico-primary);color:var(--pico-primary-inverse);border-radius:var(--pico-border-radius);padding:.15rem .4rem;font-size:.65rem;position:absolute;top:.3rem;left:.3rem}.preview-item.svelte-12ed5d3 .actions:where(.svelte-12ed5d3){opacity:0;background:linear-gradient(#0000,#00000080);justify-content:flex-end;gap:.25rem;padding:.3rem;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-item.svelte-12ed5d3:hover .actions:where(.svelte-12ed5d3){opacity:1}.preview-item.svelte-12ed5d3 .action-btn:where(.svelte-12ed5d3){border-radius:var(--pico-border-radius);width:1.6rem;height:1.6rem;color:var(--pico-color);cursor:pointer;background:#ffffffe6;border:none;justify-content:center;align-items:center;padding:0;font-size:.75rem;line-height:1;display:flex}.preview-item.svelte-12ed5d3 .action-btn:where(.svelte-12ed5d3).danger{color:#e53935}