.color-picker-group[data-v-6edbeb41]{display:flex;flex-direction:column;gap:8px;width:100%}.group-label[data-v-6edbeb41]{font-size:12px;font-weight:600;color:var(--text-secondary)}.color-swatch-layout[data-v-6edbeb41]{display:flex;align-items:center;gap:12px;width:100%}.swatches-slider[data-v-6edbeb41]{display:flex;flex-direction:row;gap:8px;overflow-x:auto;flex:1;padding:2px 0;scrollbar-width:none}.swatches-slider[data-v-6edbeb41]::-webkit-scrollbar{display:none}.swatch-btn[data-v-6edbeb41]{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;flex-shrink:0;transition:all .2s ease}.swatch-btn[data-v-6edbeb41]:hover{transform:scale(1.08);border-color:var(--text-muted)}.swatch-btn.active[data-v-6edbeb41]{border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-focus-light)}.transparent-checkerboard[data-v-6edbeb41]{position:absolute;inset:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;opacity:.5}.check-mark[data-v-6edbeb41]{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2}.swatch-btn[style*="#ffffff"] .check-mark[data-v-6edbeb41],.swatch-btn[style*=transparent] .check-mark[data-v-6edbeb41]{color:#172026;text-shadow:none}.custom-color-picker[data-v-6edbeb41]{display:flex;align-items:center;gap:6px;background-color:var(--surface-inset);padding:2px 8px 2px 2px;border-radius:var(--radius-md);border:1px solid var(--line-soft);height:28px;flex-shrink:0}.color-input[data-v-6edbeb41]{width:22px;height:22px;border:none;border-radius:var(--radius-sm);padding:0;cursor:pointer;background:none}.picker-label[data-v-6edbeb41]{font-size:11px;font-weight:600;color:var(--text-secondary)}