.palette-pick{position:relative;display:inline-flex}.palette-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);transform-origin:bottom center;display:flex;gap:8px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;z-index:60}.palette-pop.open{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}.pal-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--border) inset;transition:transform .12s}.pal-dot:hover{transform:scale(1.15)}.pal-dot.active{border-color:var(--strong);box-shadow:0 0 0 2px var(--card) inset}