.idpb[data-v-52c457f0]{display:flex;flex-direction:column;gap:16px}.dropzone[data-v-52c457f0]{border:2px dashed var(--border-lighter);border-radius:12px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:var(--bg-color);transition:border-color .2s,background-color .2s}.dropzone[data-v-52c457f0]:hover,.dropzone.is-dragover[data-v-52c457f0]{border-color:var(--el-color-primary)}.dropzone.is-dragover[data-v-52c457f0]{background:var(--el-color-primary-light-9)}.dz-icon[data-v-52c457f0]{font-size:40px;color:var(--text-secondary)}.dropzone.is-dragover .dz-icon[data-v-52c457f0]{color:var(--el-color-primary)}.dz-title[data-v-52c457f0]{font-size:15px;font-weight:500;color:var(--text-regular)}.dz-hint[data-v-52c457f0]{font-size:12px;color:var(--text-secondary)}.hidden-input[data-v-52c457f0]{display:none}.split[data-v-52c457f0]{display:flex;gap:16px;align-items:flex-start}.preview-pane[data-v-52c457f0]{flex:1;min-width:0}.control-pane[data-v-52c457f0]{width:320px;flex-shrink:0;background:var(--bg-color);border:1px solid var(--border-lighter);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:18px}.compare[data-v-52c457f0]{display:flex;gap:12px}.pane[data-v-52c457f0]{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.pane-title[data-v-52c457f0]{font-size:13px;font-weight:500;color:var(--text-regular);display:flex;align-items:center;gap:8px}.stage[data-v-52c457f0]{border:1px solid var(--border-lighter);border-radius:8px;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}.checkerboard[data-v-52c457f0]{background:repeating-conic-gradient(#f0f0f0,#f0f0f0 25%,#fff 0%,#fff 50%) 50% / 20px 20px}.preview-img[data-v-52c457f0]{max-width:100%;max-height:100%;display:block}.chips[data-v-52c457f0]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip[data-v-52c457f0]{background:var(--bg-color);border:1px solid var(--border-lighter);border-radius:8px;padding:6px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.chip-label[data-v-52c457f0]{font-size:12px;color:var(--text-secondary)}.chip-value[data-v-52c457f0]{font-size:13px;color:var(--text-primary);font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-value[data-v-52c457f0]{display:flex;align-items:center;gap:6px}.color-dot[data-v-52c457f0],.preset-dot[data-v-52c457f0]{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid var(--border-lighter);flex-shrink:0}.action-row[data-v-52c457f0]{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ctrl-block[data-v-52c457f0]{display:flex;flex-direction:column}.ctrl-label[data-v-52c457f0]{font-size:13px;color:var(--text-regular);margin-bottom:8px;font-weight:500;display:flex;align-items:center;gap:8px}.accent[data-v-52c457f0]{color:var(--el-color-primary);font-variant-numeric:tabular-nums}.quick-chips[data-v-52c457f0]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hint-line[data-v-52c457f0]{font-size:12px;color:var(--text-secondary);margin-top:6px;line-height:1.5}.color-pick[data-v-52c457f0]{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-regular);cursor:pointer;border:1px solid var(--border-lighter);border-radius:14px;padding:4px 10px;transition:border-color .2s}.color-pick[data-v-52c457f0]:hover{border-color:var(--el-color-primary)}.color-input[data-v-52c457f0]{width:20px;height:20px;border:none;padding:0;background:none;cursor:pointer}@media (max-width: 900px){.split[data-v-52c457f0]{flex-direction:column}.control-pane[data-v-52c457f0]{width:100%}.compare[data-v-52c457f0]{flex-direction:column}}