.presence-demo{margin:0 0 42px;min-width:0}
.presence-demo-frame{position:relative;overflow:hidden;border-radius:12px;background:#111;aspect-ratio:8/5;isolation:isolate}
.presence-demo video{display:block;width:100%;height:100%;object-fit:contain}
.presence-demo .presence-demo-control{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;gap:9px;min-width:92px;min-height:44px;padding:10px 16px;border:1px solid #ffffff45;border-radius:999px;background:#111e;color:#fff;font:500 13px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}
.presence-demo .presence-demo-control:hover{background:#333}
.presence-demo .presence-demo-control:focus-visible{outline:2px solid #fff;outline-offset:3px}
.demo-control-icon{font-size:13px;width:14px;text-align:center}
.presence-demo figcaption{display:flex;justify-content:space-between;gap:12px;margin:12px 1px 0;font-size:12px;line-height:1.65;color:var(--muted)}

.presence-demo .demo-error{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
@media(max-width:640px){
 .presence-demo{margin-bottom:32px}
 .presence-demo-frame{border-radius:10px}
 .presence-demo .presence-demo-control{right:10px;bottom:10px;min-width:80px;padding:10px 12px;font-size:12px}
 .presence-demo figcaption{font-size:12px;gap:8px}
}