/* The square frame of a photo (shared by the creation gallery and the back-office preview, so both always look the same).
   Constant square frame: the photo is whole (`contain`), the bands are the same photo blurred. No crop, no inner scroll.
   The parent gives the frame its size. */
.framed { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background: #f3e4d2; isolation: isolate; }
.framed__bg { position: absolute; inset: 0; z-index: -1; display: block; overflow: hidden; }
.framed__bg picture, .framed__bg img, .framed__bg canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.framed__bg picture, .framed__bg > img, .framed__bg > canvas { transform: scale(1.12); filter: blur(26px); }
.framed__fg { position: absolute; inset: 0; display: block; }
/* Absolute: the intrinsic size of a tall photo must never size the frame (it would push the slide taller than the square). */
.framed__fg picture, .framed__fg img, .framed__fg canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }