body{margin:0}.demo{grid-column:1 / -1;margin:0 auto;width:100%;max-width:1400px;padding:1em;border:2px solid #0000001a;border-radius:10px;display:grid;gap:1.5em}.demo>*{margin:0}.demo canvas{aspect-ratio:16/9;display:block;width:100%;border-radius:5px;transition:filter .3s ease}.demo canvas:not(.active){filter:saturate(0) brightness(.5);cursor:pointer}*,*:before,*:after{box-sizing:border-box}