#galleryDrop{width:100%;font:inherit;cursor:pointer}.upload-help{display:block;margin:10px 0;padding:18px;border:1px dashed #9c9e97;background:#f8f8f5;color:#555b54;font-size:13px;text-align:center;transition:background .15s,border-color .15s}.upload-help:hover,.upload-help.drag-active{border-color:#24733b;background:#eff8f0}.image-tile{position:relative;flex:0 0 94px;width:94px;height:112px;margin:0;background:#eee;border:1px solid var(--line)}.image-tile img{width:100%;height:100%;object-fit:cover}.image-tile figcaption{position:absolute;inset:auto 0 0;padding:4px;background:rgba(0,0,0,.65);color:#fff;text-align:center;font-size:10px}.image-remove{position:absolute;top:4px;left:4px;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:#fff;color:#a20e20;font-size:21px;line-height:1;box-shadow:0 1px 5px #0003;cursor:pointer}.image-remove:hover{background:#a20e20;color:#fff}.cover-preview{position:relative}.cover-remove{position:absolute;right:6px;bottom:6px;padding:6px 9px;border:1px solid #efc7ca;background:#fff5f5;color:#a20e20;font:inherit;font-size:11px;cursor:pointer}.cover-empty{display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font-size:12px}.upload-picker input[type=file]{margin-top:4px}.product-row-image:not([src]),.product-row-image[src=""]{visibility:hidden}.color-help{margin:4px 0 12px;color:var(--muted);font-size:12px;font-weight:400}.color-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.palette-color{width:30px;height:30px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c8c8c2;cursor:pointer}.palette-color:hover,.palette-color:focus{transform:scale(1.12);box-shadow:0 0 0 2px var(--ink);outline:0}.color-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.color-option{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);background:#fafaf8}.color-option input[type=color]{width:34px;height:34px;padding:2px;border:0;cursor:pointer}.color-option-swatch,.new-color-preview{width:28px;height:28px;border:1px solid #bbb;border-radius:50%;display:block}.color-remove{width:26px;height:26px;border:1px solid #efc7ca;background:#fff5f5;color:#a20e20;border-radius:50%;cursor:pointer}.color-add-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.color-add-row input[type=color]{width:42px;height:42px;padding:2px;border:1px solid #c8c8c2;background:#fff;cursor:pointer}.new-color-preview{width:34px;height:34px}.color-name-input{min-width:140px;padding:8px 10px;border:1px solid var(--line);font:inherit}
.palette-color.is-selected{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink);transform:scale(1.06)}
