*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#665c54;width:100%;height:100%;overflow:hidden}canvas{display:block}.pip-button{z-index:10;color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff4d;border-radius:8px;padding:8px 14px;font:14px/1 system-ui,sans-serif;position:fixed;top:12px;right:12px}.pip-button:hover{background:#000000bf}.pip-button:disabled{opacity:.4;cursor:not-allowed}.pip-video{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.pip-video.pip-preview{opacity:1;pointer-events:auto;z-index:10;background:#000;border:1px solid #ffffff4d;border-radius:8px;width:320px;height:180px;bottom:12px;right:12px}