All
Interaction
Settings Accordion
Settings grouped in an accordion: each header summarizes live the values chosen inside (switches, select, slider), a dot flags changed sections and a Reset button restores defaults; one panel open at a time.
No dependency: paste the HTML into your page, the CSS into your stylesheet, and the JavaScript into a function that receives the parent element (root).