.files.svelte-pq0no7{gap:var(--space-4);flex-direction:column;display:flex;container-type:inline-size}ul.svelte-pq0no7{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));margin:0;padding:0;list-style:none;display:grid}li.svelte-pq0no7{flex-direction:column;gap:.375rem;display:flex}img.svelte-pq0no7{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-control);inline-size:100%}.name.svelte-pq0no7{font-size:var(--type-secondary);overflow-wrap:anywhere;line-height:1.4}.added.svelte-pq0no7,.progress.svelte-pq0no7{font-size:var(--type-secondary);align-items:center;gap:.375em;display:flex}.added.svelte-pq0no7{color:var(--success);font-weight:700}.progress.svelte-pq0no7{color:var(--text-secondary)}.bar.svelte-pq0no7{background:var(--surface-sunken);border-radius:1px;block-size:.375rem;overflow:hidden}.sent.svelte-pq0no7{background:var(--accent);transform-origin:0;block-size:100%;display:block}.empty.svelte-pq0no7{color:var(--text-secondary);margin:0}.choose.svelte-pq0no7{gap:var(--space-3);flex-wrap:wrap;display:flex}label.svelte-pq0no7{cursor:pointer;gap:.5em;position:relative}label.svelte-pq0no7 input:where(.svelte-pq0no7){opacity:0;block-size:1px;inline-size:1px;position:absolute}label.svelte-pq0no7:has(input:where(.svelte-pq0no7):focus-visible){box-shadow:var(--focus-ring);outline:3px solid #0000}svg.svelte-pq0no7{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:1.25em;inline-size:1.25em}.added.svelte-pq0no7 svg:where(.svelte-pq0no7){stroke-width:2.5px;block-size:1em;inline-size:1em}