canvas{touch-action:none}
@media(max-width:600px){
  body{overscroll-behavior:none}
  .palette{bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);overflow-x:auto;padding:6px;gap:5px;scrollbar-width:none}
  .palette::-webkit-scrollbar{display:none}
  .color{width:36px;height:36px;min-width:36px}
  .status{left:10px;bottom:calc(62px + env(safe-area-inset-bottom));padding:8px 10px;font-size:12px}
  .online{left:10px;bottom:auto;top:calc(10px + env(safe-area-inset-top));padding:8px 10px;font-size:12px}
  .settings-button{right:10px;top:calc(10px + env(safe-area-inset-top));width:44px;height:44px}
  .settings-overlay{align-items:end;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .settings-modal{border-radius:18px;padding:16px}
  .setting{min-height:64px}
}