.entity-icon-wrapper.svelte-1rp375a{position:relative;width:100%;aspect-ratio:1;margin-bottom:12px;box-sizing:border-box}.entity-icon-wrapper.editable.svelte-1rp375a{cursor:pointer}.entity-icon-wrapper.editable.svelte-1rp375a:hover .upload-overlay:where(.svelte-1rp375a),.entity-icon-wrapper.editable.svelte-1rp375a:focus .upload-overlay:where(.svelte-1rp375a){opacity:1}.entity-icon-wrapper.editable.svelte-1rp375a:hover .entity-image:where(.svelte-1rp375a),.entity-icon-wrapper.editable.svelte-1rp375a:focus .entity-image:where(.svelte-1rp375a){opacity:.7}.entity-icon-wrapper.editable.svelte-1rp375a:hover .icon-placeholder:where(.svelte-1rp375a),.entity-icon-wrapper.editable.svelte-1rp375a:focus .icon-placeholder:where(.svelte-1rp375a){border-color:var(--accent-color);background-color:var(--hover-color)}.entity-image.svelte-1rp375a{width:100%;height:100%;object-fit:contain;border-radius:8px;background-color:var(--bg-color, var(--primary-color));border:1px solid var(--border-color);transition:opacity .2s}.upload-overlay.svelte-1rp375a{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:#0009;border-radius:8px;color:#fff;opacity:0;transition:opacity .2s}.upload-overlay.svelte-1rp375a span:where(.svelte-1rp375a){font-size:14px;font-weight:500}.pending-overlay.svelte-1rp375a{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:linear-gradient(0deg,#f59e0be6,#f59e0bb3);border-radius:0 0 8px 8px;color:#fff;font-size:12px;font-weight:500}.pending-overlay.svelte-1rp375a svg:where(.svelte-1rp375a){flex-shrink:0}.icon-placeholder.svelte-1rp375a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:var(--bg-color, var(--primary-color));border:2px dashed var(--border-color, #555);border-radius:8px;color:var(--text-muted, #999);transition:border-color .2s,background-color .2s}.icon-placeholder.svelte-1rp375a .upload-hint:where(.svelte-1rp375a),.icon-placeholder.svelte-1rp375a .create-mode-hint:where(.svelte-1rp375a){font-size:13px;color:var(--text-muted)}@media(max-width:899px){.entity-icon-wrapper.svelte-1rp375a{max-width:200px;margin:0 auto 12px}.icon-placeholder.svelte-1rp375a svg:where(.svelte-1rp375a){width:48px;height:48px}}