:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;box-sizing:border-box}.col{display:flex;justify-content:space-around;box-sizing:border-box;width:100%;flex-wrap:wrap}.row{display:block;box-sizing:border-box}.p-1{padding:8px}.p-2{padding:16px}.mt-2{margin-top:16px}.text-center{text-align:center}.app{display:flex;box-sizing:border-box;flex-direction:column}.canvas{border:1px solid #ddd;display:block;box-sizing:border-box}.title{margin:32px 0}@media (max-width: 767px){.col{flex-direction:column}.row,.canvas{width:100%}}