occupiedbyhim/Liquid-Glass-Element ? reverse-engineered prompt

Build me a small browser demo that turns a regular HTML panel into that shiny Apple style liquid glass look.

I want a page I can open directly in the browser with no setup, where a frosted glass card sits on top of a background image, and the glass has smooth rounded edges, light refraction, soft reflections, and a realistic blurred center. It should feel interactive too, so I can drag it around, resize it from the sides or corners, and adjust the blur with a slider.

Please make it work in a clean, self contained way, and keep it easy to customize from CSS values if I want to change the corner radius, blur strength, or glass intensity later. If it makes sense, include the agent skill files too so I can reuse the same effect in other projects. Look up current browser docs online if you need to.