.public-controls{position:relative;width:fit-content;margin:12px auto 18px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce2ef;border-radius:10px;padding:7px;box-shadow:0 4px 20px #0002;z-index:2;font:14px 'Avenir Next',Arial,sans-serif;white-space:nowrap}.public-controls a{color:#2851d8;text-decoration:none;padding:8px}.public-controls button{padding:9px 12px}.public-controls a:focus-visible{outline:3px solid #2851d8}:fullscreen .public-controls{display:none}@media(max-width:500px){.public-controls{font-size:12px;gap:3px}.public-controls button{padding:9px 8px}}

body{display:flex;flex-direction:column;min-height:100vh}main{min-height:0;flex:1;width:100%;padding:14px 0}#stage{max-width:calc((100vh - 100px)*16/9)}:fullscreen main{padding:0}:fullscreen #stage{max-width:177.777vh}