.tile-wrap.svelte-1wu4zxz{width:var(--tile);flex-shrink:0;position:relative}.tile-wrap.fluid.svelte-1wu4zxz{width:100%}.tile-wrap.fluid.svelte-1wu4zxz .tile:where(.svelte-1wu4zxz){width:100%;height:clamp(120px,22vh,200px)}.tile.svelte-1wu4zxz{width:var(--tile);height:var(--tile);box-sizing:border-box;border:1px dashed var(--line);background:var(--ground);color:var(--ink-dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:border-color .12s,color .12s,background .12s;display:flex;position:relative;overflow:hidden}.tile.svelte-1wu4zxz:hover,.tile.svelte-1wu4zxz:focus-within{border-color:var(--rust);color:var(--rust)}.tile.filled.svelte-1wu4zxz{background:var(--surface);border-style:solid}.tile.dragging.svelte-1wu4zxz{border-color:var(--rust);background:color-mix(in srgb, var(--rust) 8%, var(--ground))}.tile.busy.svelte-1wu4zxz{cursor:progress;opacity:.7}.tile.svelte-1wu4zxz input[type=file]:where(.svelte-1wu4zxz){opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.empty.svelte-1wu4zxz{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex}.label.svelte-1wu4zxz{font-size:11px;line-height:1.2}.preview.svelte-1wu4zxz{box-sizing:border-box;width:100%;height:100%;color:var(--ink);justify-content:center;align-items:center;padding:6px;display:flex}.preview.svelte-1wu4zxz img,.preview.svelte-1wu4zxz svg{object-fit:contain;max-width:100%;max-height:100%}.badge.svelte-1wu4zxz{background:color-mix(in srgb, var(--ink) 55%, transparent);color:#fff;backdrop-filter:blur(2px);opacity:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .12s;display:flex;position:absolute;bottom:4px;right:4px}.tile.svelte-1wu4zxz:hover .badge:where(.svelte-1wu4zxz),.tile.svelte-1wu4zxz:focus-within .badge:where(.svelte-1wu4zxz){opacity:1}.clear.svelte-1wu4zxz{border:1px solid var(--line);background:var(--surface);width:18px;height:18px;color:var(--ink);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:flex;position:absolute;top:-6px;right:-6px}.tile-wrap.svelte-1wu4zxz:hover .clear:where(.svelte-1wu4zxz),.clear.svelte-1wu4zxz:focus-visible{opacity:1}.clear.svelte-1wu4zxz:hover{border-color:var(--rust);color:var(--rust)}