*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  html,body{height:100%;overflow:hidden;}
  body{font-family:'Baloo Bhaijaan 2',sans-serif;color:#3A2E52;background:linear-gradient(160deg,#FFF3DB,#FFE3EC);user-select:none;-webkit-user-select:none;touch-action:none;display:flex;flex-direction:column;height:100dvh;}
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px;}
  .topbar h1{font-size:clamp(18px,5vw,26px);font-weight:800;}
  .nm{color:#FF3D9A;}
  .homebtn{text-decoration:none;background:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 0 #00000016;}
  .btn{font-family:inherit;border:none;cursor:pointer;background:#fff;color:#3A2E52;font-weight:800;font-size:clamp(13px,3.6vw,16px);padding:8px 14px;border-radius:999px;box-shadow:0 4px 0 #00000016;}
  .btn:active{transform:translateY(3px);box-shadow:0 1px 0 #00000016;}
  #wrap{flex:1;padding:6px 14px;}
  canvas{width:100%;height:100%;background:#fff;border-radius:22px;box-shadow:0 10px 24px #00000018;display:block;touch-action:none;}
  .palette{display:flex;gap:10px;overflow-x:auto;padding:8px 14px 6px;scrollbar-width:none;}
  .palette::-webkit-scrollbar{display:none;}
  .sw{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 0 #00000016;cursor:pointer;}
  .sw.on{transform:translateY(-5px) scale(1.12);box-shadow:0 8px 0 #00000016,0 0 0 3px #3A2E52;}
  .sizes{display:flex;gap:10px;align-items:center;padding:0 14px 14px;justify-content:center;}
  .size{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 4px 0 #00000016;display:flex;align-items:center;justify-content:center;cursor:pointer;}
  .size.on{box-shadow:0 4px 0 #00000016,0 0 0 3px #3A2E52;}
  .dot{border-radius:50%;background:#3A2E52;}