@import url("../broadcast/fonts.css");
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:block;src:url("fonts/inter-variable.ttf") format("truetype")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:block;src:url("fonts/open-sans-variable.ttf") format("truetype")}
html.projector-output,.projector-output body{margin:0;width:100%;height:100%;overflow:hidden;background:#080b0d}
.projector-output #projector{width:100vw;height:100vh}
.projector-stage{position:relative;overflow:hidden;aspect-ratio:16/9;isolation:isolate;background:#080b0d}
.projector-canvas{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;transform-origin:top left}
.projector-viewport{position:absolute;overflow:hidden;font-weight:600}
.projector-row{position:absolute;left:0;right:0;top:0;white-space:nowrap;transition:transform 280ms cubic-bezier(.2,.7,.3,1);will-change:transform}
.projector-row span{display:inline-block;max-width:100%;-webkit-text-stroke:var(--projector-outline);paint-order:stroke fill}
.projector-guides{position:absolute;border:2px dashed rgba(180,221,203,.72);pointer-events:none}
.projector-guides:before{content:"CAPTION SAFE AREA · DRAG TO POSITION";position:absolute;bottom:calc(100% + 14px);font:20px Arial,sans-serif;letter-spacing:2px;color:#dcf4e7}
@media(prefers-reduced-motion:reduce){.projector-row{transition-duration:1ms}}