.image-uploader{color:#1f2933;margin:0 0 2rem;font-family:Figtree Variable,Figtree,system-ui,-apple-system,Segoe UI,sans-serif}.image-uploader *,.image-uploader :before,.image-uploader :after{box-sizing:border-box}.image-uploader__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.image-uploader__title{margin:0}.image-uploader__count{color:#52606d;white-space:nowrap;font-size:.875rem}.image-uploader__help{color:#52606d;margin:.375rem 0 1rem;font-size:.875rem;line-height:1.5}.image-uploader__list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.image-uploader__list:empty{display:none}.image-uploader__item{cursor:grab;background:#fff;border:1px solid #cbd2d9;border-radius:12px;flex-direction:column;margin:0;display:flex;overflow:hidden}.image-uploader__item.is-dragging{opacity:.5}.image-uploader__item.is-busy{cursor:progress}.image-uploader__media{aspect-ratio:4/3;color:#52606d;text-align:center;overflow-wrap:anywhere;background:#f0f4f8;justify-content:center;align-items:center;padding:.5rem;font-size:.8125rem;display:flex;position:relative}.image-uploader__media img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.image-uploader__badge,.image-uploader__state{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;line-height:1.6;position:absolute;left:8px}.image-uploader__badge{color:#fff;background:#2c3e50;top:8px}.image-uploader__state{color:#2c3e50;background:#fffffff0;bottom:8px}.image-uploader__tools{gap:.375rem;padding:.5rem;display:flex}.image-uploader__tool{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #cbd2d9;border-radius:8px;min-width:44px;height:44px;margin:0;padding:0 .625rem;font:700 1.375rem/1 Figtree Variable,Figtree,system-ui,-apple-system,Segoe UI,sans-serif}.image-uploader__tool:hover:not(:disabled){border-color:#2c3e50}.image-uploader__tool:focus-visible{outline-offset:1px;outline:3px solid #1670ad}.image-uploader__tool:disabled{opacity:.4;cursor:default}.image-uploader__tool--remove{color:#b42318;border-color:#0000;margin-left:auto;font-size:.875rem}.image-uploader__drop{color:#52606d;letter-spacing:normal;text-align:center;text-transform:none;cursor:pointer;background:#fafbfc;border:2px dashed #cbd2d9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:120px;margin:.75rem 0 0;padding:1rem;font-size:.8125rem;font-weight:400;display:flex;position:relative}.image-uploader__drop strong{color:#2c3e50;font-size:1rem}.image-uploader__drop:hover,.image-uploader__drop.is-over{background:#f0f4f8;border-color:#2c3e50}.image-uploader__drop:focus-within{outline-offset:2px;outline:3px solid #1670ad}.image-uploader__drop[hidden]{display:none}.image-uploader__input{clip:rect(0 0 0 0);opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.image-uploader__status{color:#3e4c59;min-height:1.25rem;margin:.5rem 0 0;font-size:.875rem}.image-uploader__status:empty{min-height:0}