.ColorPicker .UploadArea[data-v-1d4e1c16]{border:2px dashed #e2e8f0;border-radius:16px;cursor:pointer;padding:80px 40px;text-align:center;transition:all .3s}.ColorPicker .UploadArea[data-v-1d4e1c16]:hover{background:#f8fafc;border-color:var(--theme-primary,#1e7fff)}.ColorPicker .UploadArea .UploadIcon[data-v-1d4e1c16]{color:#94a3b8;font-size:64px;margin-bottom:16px}.ColorPicker .UploadArea .UploadText[data-v-1d4e1c16]{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.ColorPicker .UploadArea .UploadHint[data-v-1d4e1c16]{color:#64748b;font-size:14px}.ColorPicker .PickerArea .Toolbar[data-v-1d4e1c16]{border-bottom:1px solid #e2e8f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.ColorPicker .PickerArea .MainArea[data-v-1d4e1c16]{display:grid;gap:24px;grid-template-columns:1fr 300px}.ColorPicker .PickerArea .ImageContainer[data-v-1d4e1c16]{align-items:center;background:#f8fafc;border-radius:12px;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative}.ColorPicker .PickerArea .ImageContainer img[data-v-1d4e1c16]{cursor:crosshair;display:block;max-height:500px;max-width:100%}.ColorPicker .PickerArea .ImageContainer .ColorCursor[data-v-1d4e1c16]{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:20px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:20px}.ColorPicker .PickerArea .ImageContainer .ColorCursor .CursorColor[data-v-1d4e1c16]{border-radius:50%;height:100%;width:100%}.ColorPicker .PickerArea .ColorInfo .CurrentColor[data-v-1d4e1c16]{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:20px}.ColorPicker .PickerArea .ColorInfo .CurrentColor .ColorPreview[data-v-1d4e1c16]{border:1px solid #e2e8f0;border-radius:8px;height:80px;margin-bottom:16px;width:100%}.ColorPicker .PickerArea .ColorInfo .CurrentColor .ColorValues .ColorValue[data-v-1d4e1c16]{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px 0}.ColorPicker .PickerArea .ColorInfo .CurrentColor .ColorValues .ColorValue[data-v-1d4e1c16]:last-child{border-bottom:none}.ColorPicker .PickerArea .ColorInfo .CurrentColor .ColorValues .ColorValue .Label[data-v-1d4e1c16]{color:#64748b;font-size:13px;font-weight:600}.ColorPicker .PickerArea .ColorInfo .CurrentColor .ColorValues .ColorValue .Value[data-v-1d4e1c16]{border-radius:4px;color:#1e293b;cursor:pointer;font-family:monospace;font-size:14px;padding:4px 8px;transition:background .2s}.ColorPicker .PickerArea .ColorInfo .CurrentColor .ColorValues .ColorValue .Value[data-v-1d4e1c16]:hover{background:#e2e8f0}.ColorPicker .PickerArea .ColorInfo .CurrentColor .EmptyTip[data-v-1d4e1c16]{color:#64748b;font-size:14px;padding:20px 0;text-align:center}.ColorPicker .PickerArea .ColorInfo .Palette[data-v-1d4e1c16]{background:#f8fafc;border-radius:12px;padding:16px}.ColorPicker .PickerArea .ColorInfo .Palette .PaletteHeader[data-v-1d4e1c16]{align-items:center;color:#1e293b;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.ColorPicker .PickerArea .ColorInfo .Palette .PaletteColors[data-v-1d4e1c16]{display:flex;flex-wrap:wrap;gap:8px}.ColorPicker .PickerArea .ColorInfo .Palette .PaletteColors .PaletteItem[data-v-1d4e1c16]{border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;height:40px;position:relative;width:40px}.ColorPicker .PickerArea .ColorInfo .Palette .PaletteColors .PaletteItem .DeleteBtn[data-v-1d4e1c16]{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;width:16px}.ColorPicker .PickerArea .ColorInfo .Palette .PaletteColors .PaletteItem:hover .DeleteBtn[data-v-1d4e1c16]{opacity:1}@media (max-width:1024px){.ColorPicker .PickerArea .MainArea[data-v-1d4e1c16]{grid-template-columns:1fr}}