html,body{background:#000;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif;overflow:hidden}.stage{background:#000;position:fixed;inset:0;overflow:hidden}.frame{border:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame[data-mode=fill]{width:max(100vw,177.778dvh);height:max(100dvh,56.25vw)}.frame[data-mode=fit]{width:100vw;height:100dvh}.controls{opacity:0;z-index:10;gap:8px;transition:opacity .2s;display:flex;position:fixed;bottom:12px;right:12px}.stage:hover .controls,.controls:focus-within{opacity:1}.controls button{appearance:none;color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff4d;border-radius:6px;padding:8px 12px;font-size:13px}.controls button:focus-visible{outline-offset:2px;outline:2px solid #fff}