html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Comic Sans MS,cursive,sans-serif;background-color:#fff0f5}#canvas{touch-action:none;display:block;background-color:#fff}.toolbar{position:fixed;bottom:0;width:100%;background:#ffd6ec;display:flex;flex-wrap:wrap;justify-content:center;padding:10px;gap:10px;box-shadow:0 -2px 6px #0003}.palette{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.color{width:32px;height:32px;border-radius:50%;border:2px solid #666;cursor:pointer}.button{padding:8px 12px;border:none;border-radius:8px;font-size:14px;background:#f77f00;color:#fff;cursor:pointer;font-weight:700}.button:hover{background:#d65db1}