*{box-sizing:border-box;margin:0}body{color:#e8e8e8;background:#0d0d10;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,sans-serif;display:flex}#app{align-items:flex-start;gap:16px;display:flex}canvas{image-rendering:pixelated;background:#000;display:block}button{color:#e8e8e8;cursor:pointer;background:#23232b;border:1px solid #45454f;border-radius:4px;padding:8px 16px;font-size:15px}button:hover:not(:disabled){background:#33333d}button:disabled{opacity:.4;cursor:default}h1{letter-spacing:2px}.menu{text-align:center;flex-direction:column;gap:12px;width:320px;display:flex}.hud{flex-direction:column;gap:10px;width:160px;font-size:15px;display:flex}.overlay{background:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:28px;font-weight:700;display:flex;position:absolute;inset:0}.editor{align-items:flex-start;gap:16px;display:flex}.palette,.settings{flex-direction:column;gap:8px;width:170px;display:flex}.palette label{cursor:pointer;align-items:center;gap:8px;display:flex}.errors{color:#ff7a6e;padding-left:18px;font-size:13px}input[type=text],input[type=number],textarea{color:#e8e8e8;background:#1a1a20;border:1px solid #45454f;border-radius:4px;width:100%;padding:6px}