*{box-sizing:border-box}body{margin:0;background:#0e0f12;color:#f4efe6;font-family:-apple-system,sans-serif}main{position:relative;height:300px;overflow:hidden;border-radius:22px}.remote{width:100%;height:100%;object-fit:cover}.local{position:absolute;right:14px;top:14px;width:85px;height:112px;object-fit:cover;border:2px solid #ffffff55;border-radius:13px;transform:scaleX(-1);background:#27272d}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.placeholder strong{font:30px Georgia,serif}.placeholder span{font-size:13px;max-width:240px;text-align:center;line-height:1.5}.controls{position:absolute;bottom:16px;left:0;right:0;display:flex;gap:12px;justify-content:center}button{border:1px solid #ffffff55;background:#1b1c21ed;color:white;padding:12px 16px;font-size:13px;font-weight:600;border-radius:24px}button:disabled{opacity:.4}button[aria-pressed=true]{background:#500000;color:#f4efe6}

main{height:100dvh!important;border-radius:12px}