.section-card[data-v-c852ef7d]{background:var(--c-card);border:1.5px solid var(--c-border);border-radius:16px;margin-bottom:16px;padding:16px}.section-head[data-v-c852ef7d]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title[data-v-c852ef7d]{color:var(--c-text-3);font-size:14px;font-weight:800}.btn-add[data-v-c852ef7d]{border:1.5px dashed var(--c-primary);color:var(--c-primary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-add[data-v-c852ef7d]:hover:not(:disabled){background:var(--c-primary);color:#fff}.btn-add[data-v-c852ef7d]:disabled{opacity:.4;cursor:not-allowed}.color-list[data-v-c852ef7d]{flex-direction:column;gap:10px;display:flex}.color-row[data-v-c852ef7d]{background:color-mix(in srgb, var(--c-bg,#f5f7fa) 60%, transparent);border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex}.td-pick[data-v-c852ef7d]{flex-shrink:0}.hex-text[data-v-c852ef7d]{color:var(--c-text-1);flex:1;font-size:14px;font-weight:600}.remove-btn[data-v-c852ef7d]{background:var(--c-danger-soft,#fee2e2);width:26px;height:26px;color:var(--c-danger,#ef4444);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:transform .15s;display:inline-flex}.remove-btn[data-v-c852ef7d]:hover{transform:scale(1.1)}.result-section[data-v-c852ef7d]{background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 10%, var(--c-card)), var(--c-card));border:1.5px solid var(--c-border);border-radius:16px;padding:20px}.swatch[data-v-c852ef7d]{border:1.5px solid var(--c-border);border-radius:14px;width:100%;height:120px;margin:12px 0;transition:background .2s}.result-values[data-v-c852ef7d]{flex-direction:column;gap:8px;display:flex}.value-row[data-v-c852ef7d]{background:var(--c-bg,#f5f7fa);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.value-label[data-v-c852ef7d]{color:var(--c-text-3);width:48px;font-size:11px;font-weight:800}.value[data-v-c852ef7d]{color:var(--c-primary);flex:1;font-size:14px;font-weight:700}.copy-btn[data-v-c852ef7d]{border:1px solid var(--c-border);color:var(--c-text-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .15s;display:inline-flex}.copy-btn[data-v-c852ef7d]:hover{border-color:var(--c-primary);color:var(--c-primary)}.copy-btn.done[data-v-c852ef7d]{background:var(--c-success,#16a34a);border-color:var(--c-success,#16a34a);color:#fff}