<!DOCTYPE html><html><head><meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1'><style>body{background:#ffe6f2;text-align:center;font-family:sans-serif;overscroll-behavior:none;margin:0;padding:15px}h1{color:#ff4d8a;background:white;border-radius:30px;padding:10px 20px;border:3px solid #ffa6c1;display:inline-block;font-size:22px}canvas{background:white;border-radius:20px;border:3px dashed #ffa6c1;width:320px;height:400px;touch-action:none;display:block;margin:10px auto}button{padding:10px 14px;border-radius:25px;border:2px solid #ff8fb7;background:white;color:#ff4d8a;margin:4px;font-weight:bold;font-size:13px}</style></head><body><h1>✨ Kawaii Doodle 💖</h1><br><canvas id='c'></canvas><br><button onclick="col='#ff4d8a'" style="background:#ff4d8a;color:white;border-color:#ff4d8a">Rose</button><button onclick="col='#4d96ff'" style="background:#4d96ff;color:white;border-color:#4d96ff">Bleu</button><button onclick="col='black'" style="background:black;color:white">Noir</button><button onclick="col='#ffd93d'" style="background:#ffd93d">Jaune</button><button onclick="col='#6bcb77'" style="background:#6bcb77;color:white">Vert</button><button onclick="col='#ff9f1c'" style="background:#ff9f1c;color:white">Orange</button><button onclick="col='#a66cff'" style="background:#a66cff;color:white">Violet</button><button onclick="col='#e63946'" style="background:#e63946;color:white">Rouge</button><button onclick="col='#8d5524'" style="background:#8d5524;color:white">Marron</button><button onclick="col='#800020'" style="background:#800020;color:white">Bordeaux</button><br><br><button onclick="ctx.clearRect(0,0,320,400)" style="background:white">✨ Effacer tout ✨</button><script>let c=document.getElementById('c');c.width=320;c.height=400;let ctx=c.getContext('2d');ctx.lineWidth=8;ctx.lineCap='round';let col='#ff4d8a';let d=false,px,py;function pos(e){let r=c.getBoundingClientRect();let t=e.touches?e.touches[0]:e;return{x:t.clientX-r.left,y:t.clientY-r.top}}function start(e){d=true;let p=pos(e);px=p.x;py=p.y;e.preventDefault()}function move(e){if(!d)return;let p=pos(e);ctx.beginPath();ctx.moveTo(px,py);ctx.lineTo(p.x,p.y);ctx.strokeStyle=col;ctx.stroke();px=p.x;py=p.y;e.preventDefault()}function end(e){d=false;if(e)e.preventDefault()}c.addEventListener('touchstart',start,{passive:false});c.addEventListener('touchmove',move,{passive:false});c.addEventListener('touchend',end,{passive:false});c.addEventListener('mousedown',e=>{d=true;let p=pos(e);px=p.x;py=p.y});c.addEventListener('mousemove',e=>{if(!d)return;let p=pos(e);ctx.beginPath();ctx.moveTo(px,py);ctx.lineTo(p.x,p.y);ctx.strokeStyle=col;ctx.stroke();px=p.x;py=p.y});c.addEventListener('mouseup',()=>d=false)</script></body></html>