:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eee;background:#444;font-family:system-ui}#app{place-items:center;display:grid;position:absolute;inset:0}.status{pointer-events:none;color:#fff;white-space:pre;font-family:monospace;font-size:18px;position:absolute;top:.5em;left:.5em}.video-box{position:absolute;top:0;right:0;box-shadow:0 0 4px #000;& video{width:100%;height:100%;position:absolute;top:0;left:0}& canvas{position:absolute}}.timebar{box-sizing:border-box;background:#ff994a;border-bottom:1px solid #00000080;border-right:1px solid #00000080;height:5px;position:absolute;top:0;left:0}