.picker-root[data-v-3e488e61]{position:relative;display:inline-flex}.trigger[data-v-3e488e61]{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-fg-muted);font-size:11px;line-height:1.5;cursor:pointer;transition:border-color .12s,color .12s}.trigger[data-v-3e488e61]:hover{border-color:var(--color-border-strong);color:var(--color-fg)}.trigger .dot[data-v-3e488e61]{width:11px;height:11px;border-radius:50%;background:var(--swatch);flex-shrink:0}.popover[data-v-3e488e61]{position:absolute;top:calc(100% + 6px);left:0;z-index:60;background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:10px;padding:10px;box-shadow:var(--shadow-pop)}.grid[data-v-3e488e61]{display:grid;grid-template-columns:repeat(5,22px);gap:6px}.swatch[data-v-3e488e61]{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid transparent;background:var(--swatch);cursor:pointer;transition:transform .1s,box-shadow .12s}.swatch[data-v-3e488e61]:hover{transform:scale(1.15)}.swatch.active[data-v-3e488e61]{box-shadow:0 0 0 1.5px var(--color-bg-elev),0 0 0 3.5px var(--swatch)}.fade-enter-active[data-v-3e488e61],.fade-leave-active[data-v-3e488e61]{transition:opacity .12s,transform .12s}.fade-enter-from[data-v-3e488e61],.fade-leave-to[data-v-3e488e61]{opacity:0;transform:translateY(-4px)}