#random-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1px solid #555;border-radius:50%;background-color:white}#random-selector:checked{background-color:#6b7280;border-color:white}.canvas-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}canvas{max-width:100%;height:auto;border:1px solid black}.toolbar{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:10px;width:250px;border:2px solid white;border-radius:5px;margin:10px}.custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background-color:#d1d5db;border-radius:4px;cursor:pointer;outline:none}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background-color:rgb(107,114,128);cursor:pointer;border:1px solid #fff}.custom-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background-color:rgb(107,114,128);cursor:pointer;border:1px solid #fff}.custom-slider:focus{box-shadow:0 0 4px 2px rgba(0,0,0,.5)}@media (max-width:768px){.container{flex-direction:column}.toolbar{width:100%;margin-top:5px}canvas{max-width:100%;height:auto}}@media (max-width:480px){.toolbar{padding:5px}canvas{max-width:100%;height:auto}}