.studio-screen{position:fixed;z-index:110;overflow:hidden;background:var(--studio-black);overscroll-behavior:none}.studio-landscape{position:absolute;top:0;right:0;bottom:0;left:0;--studio-safe-top: env(safe-area-inset-top, 0px);--studio-safe-right: env(safe-area-inset-right, 0px);--studio-safe-bottom: env(safe-area-inset-bottom, 0px);--studio-safe-left: env(safe-area-inset-left, 0px)}.studio-landscape[data-rotated=true]{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);--studio-safe-top: env(safe-area-inset-right, 0px);--studio-safe-right: env(safe-area-inset-bottom, 0px);--studio-safe-bottom: env(safe-area-inset-left, 0px);--studio-safe-left: env(safe-area-inset-top, 0px)}.studio-viewport{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;container-type:size;--studio-top-height: calc(60px + var(--studio-safe-top));--studio-bottom-height: 40px;--badge-left: auto;--badge-right: max(18%, var(--studio-safe-right));--badge-top: 32%;--badge-transform: none;--badge-size: clamp(44px, 18cqh, 96px);--badge-font: clamp(26px, 10cqh, 56px)}.studio-viewport[data-mode=front]{--badge-right: max(8%, var(--studio-safe-right))}.studio-stage{position:absolute;inset:0 0 var(--studio-bottom-height) 0;overflow:hidden}.studio-video{-o-object-position:50% 42%;object-position:50% 42%}.studio-top{position:absolute;inset:0 0 auto;z-index:30;padding-top:calc(8px + var(--studio-safe-top));padding-left:calc(12px + var(--studio-safe-left));padding-right:calc(12px + var(--studio-safe-right))}.studio-bottom{position:absolute;inset:auto 0 0;z-index:40;padding:2px calc(10px + var(--studio-safe-right)) calc(2px + var(--studio-safe-bottom)) calc(10px + var(--studio-safe-left));border-top:1px solid rgba(255,255,255,.1)}.studio-viewport[data-mode="8cam"] .studio-stage{inset:0 var(--studio-safe-right) var(--studio-bottom-height) var(--studio-safe-left)}.studio-console{position:absolute;inset:auto 0 0;z-index:40;background:#000;border-top:1px solid rgba(255,255,255,.07);padding:6px calc(10px + var(--studio-safe-right)) calc(4px + var(--studio-safe-bottom)) calc(10px + var(--studio-safe-left))}.studio-transport{min-width:0}.studio-transport button{flex-shrink:0}.studio-arrow-region{position:absolute;z-index:50;inset:var(--studio-top-height) var(--studio-safe-right) 6px var(--studio-safe-left);pointer-events:none}.studio-arrow-region>div{pointer-events:auto}.studio-cue-region{position:absolute;z-index:20;inset:var(--studio-top-height) var(--studio-safe-right) 6px var(--studio-safe-left);pointer-events:none}.studio-media-status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.studio-media-status button{pointer-events:auto}