.ui-media-slot-preview{grid-area:stack;width:100%;min-width:0;height:100%;position:relative}.ui-media-slot-preview__media{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ui-media-slot-preview__zones{pointer-events:none;position:absolute;inset:0}.ui-media-slot-preview__zone{position:absolute}.ui-media-slot-preview__zone.--safe{border:2rem solid var(--theme-success);background:#10b9811f;border-radius:4rem}.ui-media-slot-preview__zone-label{color:var(--theme-text-primary);background:var(--theme-overlay-heavy);border-radius:4rem;padding:2rem 6rem;font-size:11rem;position:absolute;top:4rem;left:4rem}.ui-media-upload-slot{flex-direction:column;gap:12rem;min-width:0;display:flex}.ui-media-upload-slot__heading{align-items:center;gap:8rem;display:flex}.ui-media-upload-slot__title{color:var(--theme-text-primary);margin:0;font-size:16rem;font-weight:700}.ui-media-upload-slot__ratio{color:var(--theme-text-secondary);background:var(--theme-background-tertiary);border-radius:6rem;padding:2rem 8rem;font-size:12rem}.ui-media-upload-slot__target{color:var(--theme-text-muted);margin:6rem 0 0;font-size:13rem}.ui-media-upload-slot__dropzone{border:1rem dashed var(--theme-border-light);background:var(--theme-background-secondary);border-radius:16rem;grid-template-areas:"stack";min-width:0;display:grid;position:relative;overflow:hidden}.ui-media-upload-slot__dropzone.--dragover{border-color:var(--theme-accent);background:var(--theme-card-hover)}.ui-media-upload-slot__dropzone.--filled{border-style:solid}.ui-media-upload-slot__dropzone.--busy{opacity:.7}.ui-media-upload-slot__empty{color:var(--theme-text-muted);flex-direction:column;grid-area:stack;justify-content:center;align-items:center;gap:8rem;display:flex}.ui-media-upload-slot__empty-icon{font-size:40rem}.ui-media-upload-slot__empty-text{font-size:13rem}.ui-media-upload-slot__progress{background:var(--theme-overlay-heavy);grid-area:stack;place-self:end stretch;height:24rem;position:relative}.ui-media-upload-slot__progress-bar{background:var(--theme-accent);height:100%;transition:width .12s linear}.ui-media-upload-slot__progress-value{color:var(--theme-text-primary);justify-content:center;align-items:center;font-size:12rem;display:flex;position:absolute;inset:0}.ui-media-upload-slot__error{color:var(--theme-error);margin:0;font-size:13rem}.ui-media-upload-slot__actions{align-items:center;gap:12rem;display:flex}.ui-media-upload-slot__input{display:none}.ui-media-upload-slot__notes{color:var(--theme-text-muted);flex-direction:column;gap:4rem;margin:0;padding-left:18rem;font-size:12rem;line-height:1.5;display:flex}.ui-media-upload-slot__notes-hint{color:var(--theme-text-secondary)}