How do Shadow DOM and Custom Elements enable widget isolation in a third-party SDK, and what are the limitations compared to iframes?

Imagine you have a special box where you can put your toys, and no one else can touch them or see inside unless you say so. Shadow DOM is like that box for computer parts, keeping them safe and separate. Custom Elements let you name your own toy box, so you can use it again and again.