.color-picker-wrapper[data-v-2a693da3]{flex-direction:column;gap:12px;display:flex}.color-picker-wrapper .preset-colors[data-v-2a693da3]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-picker-wrapper .preset-colors .color-item[data-v-2a693da3]{cursor:pointer;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.color-picker-wrapper .preset-colors .color-item[data-v-2a693da3]:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.color-picker-wrapper .preset-colors .color-item.active[data-v-2a693da3]{border-color:#303133;box-shadow:0 0 0 2px #409eff33}.color-picker-wrapper .preset-colors .color-item .check-icon[data-v-2a693da3]{color:#fff;filter:drop-shadow(0 1px 2px #0000004d);font-size:18px;font-weight:700}.color-picker-wrapper .preset-colors .custom-color[data-v-2a693da3]{background:#fff;border:2px dashed #dcdfe6;border-radius:6px;width:auto;height:auto;padding:4px}.color-picker-wrapper .preset-colors .custom-color[data-v-2a693da3]:hover{box-shadow:none;border-color:#409eff;transform:none}.color-picker-wrapper .preset-colors .custom-color.active[data-v-2a693da3]{border-style:solid;border-color:#409eff}.color-picker-wrapper .preset-colors .custom-color[data-v-2a693da3] .el-color-picker__trigger{border:none;width:24px;height:24px}.color-picker-wrapper .current-color-display[data-v-2a693da3]{background:#f5f7fa;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.color-picker-wrapper .current-color-display .color-preview[data-v-2a693da3]{border:1px solid #dcdfe6;border-radius:4px;width:24px;height:24px}.color-picker-wrapper .current-color-display .color-value[data-v-2a693da3]{color:#606266;font-family:Courier New,monospace;font-size:13px}