.media-image-upload-field{display:grid;gap:.75rem}.media-image-upload-field__label{font-weight:600}.media-image-upload-field__helper{margin:0;color:var(--hu-color-text-muted,#5f6775);font-size:.9rem}.media-image-upload-field__preview{width:min(100%,16rem);aspect-ratio:1;border:1px solid var(--hu-color-border,#d9dee7);border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--hu-color-bg-muted,#f7f8fa);margin-inline:auto}.media-image-upload-field__preview--avatar{border-radius:999px}.media-image-upload-field__preview--person{width:min(100%,10rem);aspect-ratio:1;border-radius:.5rem;margin-inline:auto}.media-image-upload-field__preview--landscape{width:min(100%,28rem);aspect-ratio:16/9;border-radius:.5rem}.media-image-upload-field__image{width:100%;height:100%;object-fit:cover}.media-image-upload-field__placeholder{margin:0;padding:1rem;text-align:center;color:var(--hu-color-text-muted,#5f6775);font-size:.9rem}.media-image-upload-field__input{display:none}.media-image-upload-field__actions{display:flex;flex-wrap:wrap;gap:.5rem}.media-image-upload-field__button{border:1px solid var(--hu-color-border,#d9dee7);border-radius:.375rem;background:#fff;padding:.45rem .75rem;cursor:pointer}.media-image-upload-field__button--secondary{background:var(--hu-color-bg-muted,#f7f8fa)}.media-image-upload-field__button:focus-visible{outline:2px solid var(--hu-color-primary,#1f5fbf);outline-offset:2px}.media-image-upload-field__alt{display:grid;gap:.35rem}.media-image-upload-field__error,.media-image-upload-field__status{margin:0;font-size:.9rem}.media-image-upload-field__error{color:#b42318}