.cc[data-v-4735895c]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.top[data-v-4735895c]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.f[data-v-4735895c]{color:#374151;gap:5px;font-size:13px;display:grid}.f input[type=color][data-v-4735895c]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:64px;height:44px;padding:2px}.prev[data-v-4735895c]{border:1px solid #e5e7eb;border-radius:8px;width:64px;height:44px}.code[data-v-4735895c]{color:#111827;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.swatches[data-v-4735895c]{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;display:flex}.swl[data-v-4735895c]{color:#6b7280;font-size:12px}.sw[data-v-4735895c]{cursor:pointer;border:1px solid #0000001f;border-radius:6px;width:24px;height:24px;padding:0}.sw[data-v-4735895c]:hover{transform:scale(1.12)}.rows[data-v-4735895c]{gap:8px;margin-top:16px;display:grid}.row[data-v-4735895c]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.k[data-v-4735895c]{color:#6b7280;flex:none;width:36px;font-size:12px;font-weight:600}.v[data-v-4735895c]{color:#1d4ed8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1;font-size:14px;font-weight:600}.mini[data-v-4735895c]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:none;padding:5px 12px;font-size:12px}.mini[data-v-4735895c]:hover{background:#eff6ff;border-color:#93c5fd}.ok[data-v-4735895c]{color:#047857;flex:none;font-size:12px}.note[data-v-4735895c]{color:#9ca3af;margin:12px 0 0;font-size:12px}