.mf{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none}
.mf[data-mode="handoff"]{aspect-ratio:2.25/1}
.mf[data-mode="still"]{aspect-ratio:1/1}
.mf-c{position:absolute;inset:0;width:100%;height:100%;display:block}
.mf.mf-paper{background:#ecebe7}
.mf.mf-paper[data-tone="sepia"]{background:#efe5d2}
.mf-label{position:absolute;left:50%;bottom:2px;transform:translate(-50%,4px);font-family:'DM Mono','Rimini Sans',ui-monospace,monospace;font-size:9px;line-height:1;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;color:currentColor;opacity:0;transition:opacity .01s linear .2s,transform .01s linear .2s;pointer-events:none}
.mf-label.in{opacity:.7;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.mf-label{transition:none}}