.button-group[data-v-5cdb41f7]{display:flex;gap:8px;flex-wrap:wrap}.color-bars[data-v-5cdb41f7]{display:flex;border-radius:8px;overflow:hidden;height:60px;margin-bottom:16px;box-shadow:0 2px 8px #00000026}.color-bar[data-v-5cdb41f7]{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:flex .3s}.color-bar[data-v-5cdb41f7]:hover{flex:1.5}.color-label[data-v-5cdb41f7]{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.color-blocks[data-v-5cdb41f7]{display:flex;gap:12px;flex-wrap:wrap}.color-block-wrapper[data-v-5cdb41f7]{display:flex;flex-direction:column;align-items:center;gap:6px}.color-block[data-v-5cdb41f7]{width:80px;height:80px;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .2s}.color-block[data-v-5cdb41f7]:hover{transform:scale(1.1)}.color-hex[data-v-5cdb41f7]{font-size:13px;font-weight:700;cursor:pointer;font-family:monospace}.color-hsl[data-v-5cdb41f7]{font-size:11px;color:#999}