.image-uploader{--gap: 12px;--thumb: 120px;--radius: 12px;--height: 50px;--muted: #666;--bd: #e6e6e6;--panel: #fff;--panel-soft: #f7f7f7;--shadow: 0 1px 3px rgba(0, 0, 0, 0.06);--color: #222;font:inherit;color:var(--color);display:block;width:100%}.image-uploader *{-webkit-box-sizing:border-box;box-sizing:border-box}.image-uploader__row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.image-uploader__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--gap)}.image-uploader__btn-file{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:calc(var(--height)/5) calc(var(--height)/2);border:1px solid var(--bd);border-radius:999px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--panel);-webkit-transition:120ms ease-in-out;transition:120ms ease-in-out;font-size:14px;height:var(--height)}.image-uploader__btn-file:hover{border-color:#d8d8d8;background:var(--panel-soft)}.image-uploader__btn-file svg{width:18px;height:18px}.image-uploader__file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.image-uploader__subhint{color:var(--muted);font-size:14px}.image-uploader__error{color:#b00020;font-size:13px;margin-top:8px;display:none}.image-uploader__toolbar{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--gap);margin-bottom:8px;margin-top:12px}.image-uploader__counter{font-size:13px;color:var(--muted)}.image-uploader .image-uploader__icon-btn{border:1px solid var(--bd);border-radius:50%;background:var(--panel);display:-webkit-box;display:-ms-flexbox;display:flex;place-items:center;cursor:pointer;padding:0;width:var(--height);height:var(--height);min-height:0;min-width:var(--height);padding:0 !important;line-height:1;-moz-appearance:none;appearance:none;-webkit-appearance:none}.image-uploader .image-uploader__icon-btn>svg{width:16px;height:16px;stroke:var(--color)}.image-uploader .image-uploader__icon-btn:hover{background:var(--panel-soft);-webkit-box-shadow:none;box-shadow:none;-webkit-filter:none;filter:none}.image-uploader .image-uploader__remove{position:absolute;top:6px;right:6px;width:calc(var(--height)/2);height:calc(var(--height)/2);min-height:0;min-width:calc(var(--height)/2);padding:0 !important;line-height:1;border:1px solid rgba(0,0,0,.08);border-radius:50%;display:grid;place-items:center;background:rgba(33,33,33,.75);color:#fff;cursor:pointer;padding:0;font-size:14px;font-weight:bold}.image-uploader .image-uploader__remove>svg{width:16px;height:16px;stroke:var(--color)}.image-uploader .image-uploader__remove:hover{background:rgba(33,33,33,.9)}.image-uploader__hidden{display:none !important}.image-uploader__preview{display:none;grid-template-columns:repeat(auto-fill, minmax(var(--thumb), 1fr));gap:var(--gap);background:var(--panel);padding:var(--gap);border-radius:var(--radius);border:1px solid var(--bd);margin-top:10px}.image-uploader__card{position:relative;border:1px solid #ebebeb;border-radius:var(--radius);overflow:hidden;background:#fff;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);aspect-ratio:1/1}.image-uploader__card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-uploader__card .meta{position:absolute;left:6px;bottom:6px;right:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.image-uploader__chip{background:hsla(0,0%,100%,.92);backdrop-filter:blur(4px);padding:4px 8px;border-radius:999px;font-size:12px;color:#222;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-uploader__chip--name{background:rgba(0,0,0,.7);color:#fff;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-ms-flex-item-align:stretch;align-self:stretch;text-align:center}.original-input-container{margin-top:20px;padding:15px;background:#f0f0f0;border-radius:6px;font-size:14px}