body{background:linear-gradient(180deg,#f7f3ff,#eef3ff);font-family:sans-serif;}
.jg{max-width:400px;margin:auto;background:white;padding:20px;border-radius:20px;text-align:center;}
.color-selector{position:relative;margin-bottom:10px;}
.dropdown{position:absolute;top:50px;width:100%;background:white;display:flex;flex-wrap:wrap;gap:10px;padding:10px;border-radius:10px;}
.hidden{display:none;}
.color{width:35px;height:35px;border-radius:50%;}
#canvas svg{width:100%;}
.popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);z-index:9999;}