.image-upload{border:1px solid var(--line,#e3e3e8);background:var(--surface,#fff);border-radius:14px;min-width:0;margin-block:12px 24px;padding:18px}.image-upload__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-upload__heading>span{color:var(--muted,#62636c);font-variant-numeric:tabular-nums;font-size:.8rem}.image-upload__hint{color:var(--muted,#62636c);margin-top:6px;font-size:.8rem}.image-upload__previews{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px;margin-top:16px;display:grid}.image-upload__card{border:1px solid var(--line,#e3e3e8);border-radius:10px;min-width:0;overflow:hidden}.image-upload__card .photo{aspect-ratio:4/3;width:100%}.image-upload__card .photo img{object-fit:cover;width:100%;height:100%}.image-upload--logo .image-upload__previews{grid-template-columns:minmax(0,180px)}.image-upload--logo .photo{aspect-ratio:1}.image-upload--logo .photo img{object-fit:contain}.image-upload--cover .image-upload__previews{grid-template-columns:minmax(0,1fr)}.image-upload--cover .photo{aspect-ratio:16/7}.image-upload__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:.75rem;display:flex}.image-upload__cover{color:var(--color-primary,#c74612);background:var(--orange-soft,#fff0e8);border-radius:20px;padding:4px 9px;font-weight:700}.image-upload__remove{color:#a52b22;background:0 0;border:0;align-items:center;gap:5px;min-height:36px;padding:4px;display:inline-flex}.image-upload__drop{border:1px dashed var(--line,#e3e3e8);background:var(--color-ivory,#f5f5f7);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding:20px;display:flex}.image-upload__drop>svg{color:var(--color-primary,#c74612)}.image-upload__drop>div{flex:160px}.image-upload__drop strong{font-size:.85rem}.image-upload__drop p{color:var(--muted,#62636c);font-size:.8rem}.image-upload__drop.is-dragging{border-color:var(--color-primary,#c74612);background:var(--orange-soft,#fff0e8)}.image-upload__input{display:none}.image-upload__progress{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:.8rem;display:flex}.image-upload__progress progress{min-width:80px;height:8px;accent-color:var(--color-primary,#c74612);flex:1}.image-upload__status{color:var(--muted,#62636c);font-size:.8rem}.image-upload__status:not(:empty),.image-upload__error{margin-top:10px}.image-upload__error{color:#a52b22;font-size:.85rem}@media (max-width:480px){.image-upload{padding:12px}.image-upload__drop{padding:14px}.image-upload__drop .button{width:100%}}