.reference-frame{position:relative;display:block;overflow:hidden;aspect-ratio:var(--frame-width)/var(--frame-height);mix-blend-mode:darken}
.reference-frame>img,.reference-preview .reference-frame>img{position:absolute;width:calc(100% * 1470 / var(--frame-width));max-width:none;height:auto;left:calc(-100% * var(--frame-x) / var(--frame-width));top:calc(-100% * var(--frame-y) / var(--frame-height));pointer-events:none}
.reference-speech{--frame-x:79;--frame-y:770;--frame-width:142;--frame-height:257}
.reference-regulation{--frame-x:535;--frame-y:770;--frame-width:163;--frame-height:257}
.reference-creative{--frame-x:986;--frame-y:770;--frame-width:146;--frame-height:300}
.reference-walk{--frame-x:578;--frame-y:335;--frame-width:298;--frame-height:340;mask-image:url('/assets/reference-walk-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}
.reference-preview{display:grid;place-items:center;overflow:hidden}
.reference-preview>.reference-frame{height:100%;width:auto;max-width:100%}