*{margin:0;padding:0}body{padding:.5rem;font-size:1.05rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media screen and (min-width: 480px){body{padding:1rem}}@media screen and (min-width: 576px){body{padding:2rem}}h1{margin-bottom:1.4rem}h2{margin:1.3rem 0}h3{margin-top:0;margin-bottom:1.1rem}p{margin-bottom:.5rem}button,input{padding:.2rem .4rem}button:not(:disabled){font-weight:700}.controls{margin:1rem 0}.thumbnails{display:flex;column-gap:1rem;margin:1rem 0 2rem}.thumbnail{width:min(125px,calc(100% / 3));aspect-ratio:1;box-sizing:border-box}.thumbnail:hover{cursor:pointer}.thumbnail.selected{border:solid 2px tomato}.input-output{margin:1rem 0 2rem;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem}@media screen and (min-width: 576px){.input-output{grid-template-columns:repeat(2,1fr)}}.small{font-size:.9rem;vertical-align:middle}.intermediary-steps{margin:0rem 0 2rem;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem}@media screen and (min-width: 576px){.intermediary-steps{grid-template-columns:repeat(2,1fr)}}canvas{max-width:100%;border:solid 1px #333}hr{margin:2rem 0}