.reveal-field.image-upload-control{box-sizing:border-box;grid-template-columns:calc(var(--reveal-control-height) - 6px) auto minmax(0, 1fr);border-style:dashed;border-color:var(--theme-border-strong);cursor:pointer;background:0 0;gap:8px;width:100%;padding-inline:3px 10px}.component-controls .reveal-fields>.reveal-field.image-upload-control{grid-column:1/-1}.reveal-field.image-upload-control:hover,.reveal-field.image-upload-control:focus-within{border-color:var(--theme-ink-muted)}.reveal-field.image-upload-control:has(>.image-upload-control-apply,>.image-upload-control-clear){padding-inline-end:4px}.reveal-field.image-upload-control.is-dragging{border-style:dashed;border-color:var(--theme-ink-muted);background:color-mix(in srgb, var(--theme-ink) 5%, transparent)}.image-upload-control>span:first-child{grid-area:1/2}.image-upload-control-thumb,.image-upload-control-clear{color:var(--theme-ink-muted);cursor:pointer;place-items:center;padding:0;display:grid;overflow:hidden}.image-upload-control-apply{grid-row:1}.image-upload-control-clear{color:var(--theme-ink-muted);cursor:pointer;place-items:center;padding:0;display:grid;overflow:hidden}.image-upload-control-thumb{width:calc(var(--reveal-control-height) - 6px);height:calc(var(--reveal-control-height) - 6px);border:1px solid var(--theme-border-strong);background:color-mix(in srgb, var(--theme-ink) 4%, transparent);border-radius:5px;grid-area:1/1}.image-upload-control-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-upload-control-thumb.is-contain img{object-fit:contain;padding:3px}.image-upload-control-thumb svg,.image-upload-control-clear svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.image-upload-control-value{min-width:0;color:var(--theme-ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;grid-area:1/3;font-size:12px;overflow:hidden}.component-controls .reveal-field.image-upload-control input.image-upload-control-value{text-align:left}.image-upload-control:not(.has-file) span.image-upload-control-value{color:var(--theme-ink-muted)}.image-upload-control.has-file input.image-upload-control-value::placeholder{color:var(--theme-ink);opacity:1}.image-upload-control-apply{border:1px solid var(--theme-border-strong);background:color-mix(in srgb, var(--theme-ink) 6%, transparent);height:22px;color:var(--theme-ink);font:inherit;cursor:pointer;border-radius:5px;grid-row:1;padding:0 8px;font-size:12px;font-weight:500}.image-upload-control-apply:hover{background:color-mix(in srgb, var(--theme-ink) 12%, transparent)}.image-upload-control-clear{background:0 0;border:0;border-radius:50%;grid-row:1;width:22px;height:22px}.image-upload-control-clear:hover{background:color-mix(in srgb, var(--theme-ink) 8%, transparent);color:var(--theme-ink)}.image-upload-control button:focus-visible{outline:2px solid var(--theme-ink);outline-offset:2px}.image-upload-control-error{color:#e5484d;grid-column:1/-1;margin:0;font-size:12px}