button{padding:5px 10px;background-color:#e6f6eb;color:#218358;border-radius:3px;border:2px solid transparent}button:hover{background-color:#d6f1df}button:active{background-color:#c4e8d1}button:focus-visible{outline:2px solid #8DA4EF}body{margin:0;height:100vh;font-family:sans-serif}#controls{height:50px;display:flex;align-items:center;gap:8px;padding:0 20px}#controls .text-wrapper{min-width:170px}canvas{width:100vw!important;height:calc(100vh - 50px)!important;-webkit-user-select:none;user-select:none}