46 lines
595 B
CSS
46 lines
595 B
CSS
body {
|
|
margin: 24px;
|
|
background: #eeeeee;
|
|
color: #111111;
|
|
font-family: system-ui, sans-serif;
|
|
}
|
|
|
|
main {
|
|
max-width: 900px;
|
|
}
|
|
|
|
canvas {
|
|
display: block;
|
|
width: 100%;
|
|
max-width: 800px;
|
|
height: auto;
|
|
border: 1px solid #222222;
|
|
background: #f8f8f8;
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
.controls {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 16px;
|
|
}
|
|
|
|
button {
|
|
padding: 8px 12px;
|
|
border: 1px solid #222222;
|
|
background: #ffffff;
|
|
color: #111111;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:disabled {
|
|
cursor: wait;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.help,
|
|
#status {
|
|
margin: 12px 0 0;
|
|
}
|