.palette[data-v-936e19ab]{flex-direction:column;gap:20px;margin-top:20px;display:flex}.palette__image-section[data-v-936e19ab]{border:1px solid var(--el-border-color);background:var(--el-bg-color);border-radius:8px;padding:16px}.palette__image-wrap[data-v-936e19ab]{cursor:crosshair;background:repeating-conic-gradient(var(--el-fill-color-light) 0% 25%,transparent 0% 50%) 50%/20px 20px;border-radius:4px;justify-content:center;min-height:100px;display:flex;position:relative}.palette__canvas[data-v-936e19ab]{max-width:100%;display:block}.palette__picker[data-v-936e19ab]{background:var(--el-bg-color);border:1px solid var(--el-border-color);pointer-events:none;z-index:10;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;box-shadow:0 2px 8px #00000026}.palette__picker-color[data-v-936e19ab]{border:1px solid var(--el-border-color);border-radius:3px;width:20px;height:20px}.palette__picker-hex[data-v-936e19ab]{color:var(--el-text-color-primary);font-family:monospace;font-size:12px}.palette__controls[data-v-936e19ab]{color:var(--el-text-color-regular);align-items:center;margin-top:12px;font-size:14px;display:flex}.palette__result[data-v-936e19ab]{border:1px solid var(--el-border-color);background:var(--el-bg-color);border-radius:8px;padding:16px}.palette__colors[data-v-936e19ab]{flex-wrap:wrap;gap:12px;display:flex}.palette__export[data-v-936e19ab]{color:var(--el-text-color-regular);gap:8px;margin-top:16px;font-size:14px}.color-card[data-v-936e19ab],.color-card__info[data-v-936e19ab],.palette__export[data-v-936e19ab]{align-items:center;display:flex}.color-card[data-v-936e19ab]{cursor:pointer;flex-direction:column;gap:6px;transition:transform .2s}.color-card[data-v-936e19ab]:hover{transform:scale(1.05)}.color-card__swatch[data-v-936e19ab]{border:1px solid var(--el-border-color);border-radius:8px;width:64px;height:64px;box-shadow:0 1px 4px #0000001a}.color-card__info[data-v-936e19ab]{flex-direction:column;gap:2px}.color-card__hex[data-v-936e19ab]{color:var(--el-text-color-primary);font-family:monospace;font-size:13px;font-weight:600}.color-card__rgb[data-v-936e19ab]{color:var(--el-text-color-secondary);font-family:monospace;font-size:11px}@media (width<=600px){.color-card__swatch[data-v-936e19ab]{width:48px;height:48px}}