.catalogue-image-field{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;min-width:0;margin-block:16px;display:grid}.catalogue-image-frame{aspect-ratio:1;border:1px dashed var(--ds-line);border-radius:var(--ds-radius);background:var(--ds-ground);color:var(--ds-muted);place-items:center;display:grid;position:relative;overflow:hidden}.catalogue-image-field:not([data-state=empty]) .catalogue-image-frame{border-style:solid}.catalogue-image-frame>svg{width:28px;height:28px}.catalogue-image-frame>.ds-cover{width:100%;max-width:none;height:100%;position:absolute;inset:0}.catalogue-image-frame>.ds-cover img{object-fit:cover;width:100%;height:100%}.catalogue-image-field[data-state=processing] .catalogue-image-frame>.ds-cover,.catalogue-image-field[data-state=uploading] .catalogue-image-frame>.ds-cover{opacity:.45}.catalogue-image-progress{background:linear-gradient(90deg,transparent,var(--ds-accent),transparent) 0 0/50% 100% no-repeat;height:3px;animation:1.1s linear infinite catalogue-image-progress;position:absolute;inset:auto 0 0}@keyframes catalogue-image-progress{0%{background-position:-50% 0}to{background-position:150% 0}}@media (prefers-reduced-motion:reduce){.catalogue-image-progress{background:var(--ds-accent);opacity:.6;animation:none}}.catalogue-image-field[data-state=error] .catalogue-image-frame{border-color:var(--ds-danger,#e6564a)}.catalogue-image-body{gap:8px;min-width:0;display:grid}.catalogue-image-message{max-width:48ch;color:var(--ds-muted);margin:0;font-size:13px;line-height:1.5}.catalogue-image-field:is([data-state=ready],[data-state=sent]) .catalogue-image-message{color:var(--ds-ink)}.catalogue-image-message[data-error]{color:var(--ds-danger,#efaaaa)}.catalogue-image-field .ds-file-name:empty{display:none}@media (max-width:520px){.catalogue-image-field{grid-template-columns:88px minmax(0,1fr);gap:12px}}.catalogue-image-fixed{color:var(--ds-ink);font-size:14px;font-weight:600}.catalogue-image-fixed+.ds-command{justify-self:start}.catalogue-image-field[data-headless]{margin:0;display:block}.catalogue-image-field[data-headless] .catalogue-image-frame,.catalogue-image-field[data-headless] .catalogue-image-fixed,.catalogue-image-field[data-headless] .ds-command{display:none}