.upload-area.svelte-1dr58nm{border:2px dashed var(--color-border);border-radius:var(--radius-md,8px);cursor:pointer;background:var(--color-surface-alt);flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.upload-area.svelte-1dr58nm:hover,.upload-area.dragging.svelte-1dr58nm{border-color:var(--color-accent-2);background:color-mix(in srgb, var(--color-accent-2) 6%, transparent)}.upload-area.has-image.svelte-1dr58nm{border-style:solid;border-color:var(--color-border)}.state.svelte-1dr58nm{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.icon.svelte-1dr58nm{color:var(--color-text-muted);font-size:20px}.state.svelte-1dr58nm span:where(.svelte-1dr58nm){color:var(--color-text-muted);font-size:11px;line-height:1.3}.hint.svelte-1dr58nm{opacity:.7;font-size:10px!important}.preview.svelte-1dr58nm{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.clear-btn.svelte-1dr58nm{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;line-height:1;display:flex;position:absolute;top:3px;right:3px}.clear-btn.svelte-1dr58nm:hover{background:#000c}.spinner.svelte-1dr58nm{border:2px solid var(--color-border);border-top-color:var(--color-accent-2);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite svelte-1dr58nm-spin}@keyframes svelte-1dr58nm-spin{to{transform:rotate(360deg)}}